The Remove Filter control allow users to managing filters, overseeing the removal of selected criteria, serving as a key trigger, this control optimizes user interactions by initiating the removal of applied filter settings. Upon activation of the Remove Filter Button, the specified filter criteria are deactivated, restoring the display to its original state and eliminating the filtering effect based on the user's preferences from the predefined list provided by the Filter control."
Add Remove filter to the form
Firstly, find the Remove filter control in the controls add panel. Then, drag and drop it into a section or container on your form.
Basic of the Remove filters field
Open the Content >Button block and set the Title's text of this Remove filters control. For more information about Title for field control, please refer:
Tooltips: Set the text that will appear when a user hovers over or clicks on an element, offering additional context or explanations about the functionality, purpose, or meaning of that particular element in a user interface
Alignment: Set the alignment of this Remove filters control as left, center, right or justify.
Size: Set the size of this Remove filters control as Extra Small, Small, Medium, Large, Extra Large.
Icon: Set the Icon of the Remove filters.
Position: Set the position of the icon as before or after the title of Remove filters.
Spacing: Set the spacing between the icon and the title of Remove filters.
Action call of the Remove Filters field
Open the Content > Action block to associated with associated variable. This action will be triggered once the user Click this Remove filters.
Appearance of the Remove filters field
Dynamic Display Rules: When you set a dynamic display rules, it behaves differently based on specific conditions and rules.
Style the Remove filter control
Set the styles when the display style is set to Remove filters control.
Button
Typography: Set the typography options for the text of the button.
Text Shadow: Set the shadow of the text within the button.
Color: Choose the text color of the button.
Background Color: Set background color of the option label.
Border Type: Select the type of border, choosing from none, solid, double, dotted, dashed, or grooved.
Radius: Set the border radius to control corner roundness.
Shadow: Set the shadow of the field.
Spacing: Set the Spacing around the Text.
Advanced Settings
Set the Advanced options that are applicable to this control.