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?  

Damian Gemza staff answered 6 years ago

Hello Abumaizer, You can try something like this:
<div class="row">

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


<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>



Best Regards,

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


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



Specification of the issue

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