MDB form input feilds with icon\\\\\\\&#38;#039;s

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

Sree Vennam free asked 6 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 6 years ago

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

Add comment

Damian Gemza staff answered 6 years ago

0 0 Best answer

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

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

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

Sree Vennam

0Support score
1Questions 0Answers 0Snippets