Inline clear button on input field

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

Add comment

djibe89 free answered 6 years ago

0 0 Best answer

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

Add comment

djibe89 free answered 6 years ago

0 0 Best answer

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

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

Add comment

djibe89 free answered 6 years ago

4 0 Best answer

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

Add comment

Write

Create snippet

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

Furey

10Support score
1Questions 1Answers 0Snippets