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

Sree Vennam free asked 5 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 free commented 4 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 5 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>

You'll get input with icon on left. Please let me know, if this works for you. Best Regards, Damian

Please insert min. 20 characters.


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



Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No