Reset Search Text Box

[sajarac]

Hello guys I was wondering if this button is possible to implement or in fact exist a better alternative.

[Abdou · Accepted solution]

The TextInput control has a property called "Clear" which is to supposed to show/hide the clear button (x) on the control. Unfortunately, this only works on IE/Edge at the moment, and we're tracking that issue.

You can work around this issue by doing the following:

1. Set the OnSelect handler of the button to:

   UpdateContext({ClearSearch: true}); UpdateContext({ClearSearch: false})

2. Set the Clear property of the TextInput control to false (this is to make sure you don't have two buttons to clear the control in IE/Edge)
3. Set the "Reset" property of the TextInput control to ClearSearch

Hope this helps 🙂