Icon Preview for Input is Centered not on Left


Topic: Icon Preview for Input is Centered not on Left

jederrick asked 5 years ago

Expected behavior enter image description here Actual behavior enter image description here Resources (screenshots, code snippets etc.)


Email User

jederrick answered 5 years ago

Code sample


Email
</div>
<div class="col-md-6">
    <!-- Material input -->
    <div class="md-form form-sm">
        <mdb-icon fas icon="user"></mdb-icon>
        <input mdbInput type="text" id="form18" class="form-control form-control-sm">
        <label for="user">User</label>
    </div>
</div>


Konrad Stępień staff answered 5 years ago

Hi @jederrick,

Can you use this code:

<div class="col-md-6">
  <!-- Material input -->
  <div class="md-form form-sm">
      <mdb-icon fas icon="user" class="prefix"></mdb-icon>
      <input mdbInput type="text" id="user" class="form-control form-control-sm">
      <label for="user">User</label>
  </div>
</div>

Edited lines:

mdb-icon fas icon="user" class="prefix"...

and

input mdbInput type="text" id="user" class="form-control form-control-sm"

Can you send me a link to documentation? I'll change it if the page includes bug.

Best, Konrad.


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 8.8.1
  • Device: desktop
  • Browser: Chrome
  • OS: ubuntu
  • Provided sample code: No
  • Provided link: No