MDB form input feilds with icon\\\\\\\'s

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: MDB form input feilds with icon\\\\\\\'s

Sree Vennam asked 7 years ago

I am using MDB for the first time to evaluate to get the pro option but when I was testing a very basic form the icon are displayed in the middle of input text feild instead of the left / right.Could you help me understand how to formar the icon\\\\\\\'s for the input feilds.

Jackson Antunes commented 6 years ago

In cases that the icon is placed in the middle of input, try using style: display:block, solved for me.

Damian Gemza staff answered 7 years ago

Hello, Dear Sree, please check our documentation for inputs. Please try to use below code: 
<div class="md-form">

<i class="fa fa-envelope prefix"></i>

<input mdbActive type="text" id="form2" class="form-control">

<label for="form2">Example label</label>

</div>
You'll get input with icon on left. Please let me know, if this works for you. Best Regards, Damian
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

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

Resolved

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
About author
Sree Vennam
0Support score
1Questions 0Answers
0Snippets likes 0Snippets