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.
Damian Gemza staff answered 5 years ago
Hello, Dear Sree, please check our documentation for inputs. Please try to use below code:You'll get input with icon on left. Please let me know, if this works for you. Best Regards, Damian
<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>
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
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.