Inline clear button on input field

  1. MDB Home Page
  2. Support Main Page
  3. MDB jQuery
Topic: Inline clear button on input field

Furey asked 7 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 answered 7 years ago

Hi,

here is what you are looking for.

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

Furey commented 7 years ago

Thank you, thats exactly what I was looking for

djibe89 answered 7 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 commented 6 years ago

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

djibe89 answered 7 years ago

Here is my collection of material design Advanced components for Bootstrap 4 : https://github.com/djibe/Bootstrap-4-Advanced-Components/
Write
Create snippet
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
  • User: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
About author
Furey
10Support score
1Questions 1Answers
0Snippets likes 0Snippets