How to add toggle button to a text input?

Topic: How to add toggle button to a text input?

Abumaizer pro asked 6 years ago

I am trying to add a toggle button in a suffix fashion to a text input like in this example here, How can I do it with MDB styling?

Add comment

Damian Gemza staff answered 6 years ago

1 0 Best answer

Hello Abumaizer, You can try something like this:

<div class="row">

<div class="col-md-3 mx-auto my-5">

<!--Right-->

<div class="md-form input-group">

<input type="search"class="form-control"placeholder="Search for...">

<i style="position: absolute; top: 50%; right: 0;"class="fa fa-user fa-lg"></i>

</div>

</div>

</div>

Best Regards,

Damian

Abumaizer pro commented 6 years ago

worked like a charm

Damian Gemza staff commented 6 years ago

Glad that could help you. If everything is clear, i'm closing this ticket! Best Regards, Damian

Abumaizer pro commented 6 years ago

everything is clear, Thanks so much

Add comment

Closed

This topic is closed.

FREE CONSULTATION

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

Status

Closed

Specification of the issue

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

Abumaizer

Pro User 12Support score
5Questions 2Answers 0Snippets