How to add toggle button to a text input?


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

Abumaizer pro asked 7 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 7 years ago

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

worked like a charm

Damian Gemza staff commented 7 years ago

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

Abumaizer pro commented 7 years ago

everything is clear, Thanks so much

FREE CONSULTATION

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

Status

Closed

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: Yes