Icon Preview for Input is Centered not on Left

Topic: Icon Preview for Input is Centered not on Left

jederrick asked 5 years ago

0 0

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

Email User

Add comment

jederrick answered 5 years ago

0 0 Best answer

Code sample

</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>

Add comment

Konrad Stępień staff answered 5 years ago

0 0 Best answer

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.

Add comment

Write

Create snippet

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

jederrick

25Support score
3Questions 1Answers

0Snippets likes 1Snippets