Skip to main content
Apply Button

Enables users to apply selected filter criteria, improving user interaction by filtering displayed information based on user preferences.

Updated over 9 months ago

The Apply Button control serves as a facilitator for users, orchestrating the implementation of selected filters. Functioning as a pivotal trigger, this control enhances user interactions by initiating the application of chosen filter criteria. Upon activation of the Apply Button, the specified filter settings are enacted, resulting in an adjusted display that exclusively showcases information aligned with the user's selected preferences from the predefined list provided by the Filter control.


Add Apply button to the form

Firstly, find the Apply button control in the controls add panel. Then, drag and drop it into a section or container on your form.


Basic of the Apply button field

Open the Content > Basic block and set the Title's text of this Apply button control. For more information about Title for field control, please refer:

Tooltips: 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 Apply button control as left, center, right or justify.

Size: Set the size of this Apply button control as Extra Small, Small, Medium, Large, Extra Large.

Icon: Set the Icon of the Apply button.

  • Position: Set the position of the icon as before or after the title of Apply button.

  • Spacing: Set the spacing between the icon and the title of Apply button.


Action call of the Apply button field

Open the Content > Action block to call user-defined action from the drop-down list. This action will be triggered once the value of this Apply button field is changed.

Set Variable: Set values of variables if the execution condition match. You can set the value for one single variable, or multiple variables.

HTTP Request: Call web services or Restful APIs if the execution condition match. You may using GET, POST, PUT or DELETE to send data or retrieve data as required.


Appearance of the Apply button field

Dynamic Display Rules: When you set a dynamic display rules, it behaves differently based on specific conditions and rules.


Style the Apply button control

Set the styles when the display style is set to Apply button control.

Button

  1. Typography: Set the typography options for the text of the button.

  2. Text Shadow: Set the shadow of the text within the button.

  3. Color: Choose the text color of the button.

  4. Background Color: Set background color of the option label.

  5. Border Type: Select the type of border, choosing from none, solid, double, dotted, dashed, or grooved.

  6. Radius: Set the border radius to control corner roundness.

  7. Shadow: Set the shadow of the field.

  8. Spacing: Set the Spacing around the Text.


Advanced Settings

Set the Advanced options that are applicable to this control.


โ€‹

Did this answer your question?