Topic: Inline clear button on input field

Furey free asked 6 years ago


Does the framework have a built in clear button for textboxes to clear content, like the example shown in the Material Design spec. https://material.io/guidelines/components/text-fields.html#text-fields-layout

djibe89 free answered 6 years ago


Here is my collection of material design Advanced components for Bootstrap 4 : https://github.com/djibe/Bootstrap-4-Advanced-Components/

djibe89 free answered 6 years ago


Did a better version : https://jsfiddle.net/djibe89/f8ac3vyt/ Just add data-clearButton on the concerned input. No extra HTML to add !

jeanmarc3 free commented 6 years ago

No bad, but the text field does not show the clear button if one character is entered.

djibe89 free answered 6 years ago


Hi,

here is what you are looking for.

Did it yesterday : https://jsfiddle.net/djibe89/6gj5k3ed


Furey free commented 6 years ago

Thank you, thats exactly what I was looking for


Please insert min. 20 characters.

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 jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags