Check Range

Add precision to data filtering in Yeeflow with Check Range controls, allowing for specific numerical range selections and customization.

Updated over a week ago

The Check Range control enables users to refine a dataset or content by selecting a specific range on a predefined scale. Once the range is selected, the filter is applied, and the display is adjusted to showcase only the pertinent information within the specified range. This functionality ensures that users can precisely define their criteria and view content that aligns with the chosen range.

Add Check Range to the form

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

Basic of the Check Range field

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

Set the Associated variable for this Check Range control. When you add a new Check Range control, a default variable will be generated automatically. You can click the Edit Button to change the name or click the Reset button to bind this Check Range control to other existing variables. For more information, please refer:

Then, in the Apply type section. Choose on typing or click on apply button. For more details on Apply types, refer to:

Choice options of Check Range

In the Option list section, users have the ability to include a new numerical range by specifying both the minimum and maximum values.

Appearance of the Check Range field

Open the Content > Appearance block to set the appearance and layout of this Check Range control.

Layout: Set the layout of the choices to be displayed horizontal or vertical.

More/Less enabled: This feature is useful when dealing with content that can be expanded or collapsed. It allows users to reveal additional information or reduce content visibility as needed.

Dropdown enabled: This style is suitable when the list of options is long. It saves space on the form and only reveals the options when the user clicks on the dropdown.

Value prefix/ suffix: This feature allow user to add prefix/suffix to value which offering enhanced clarity or categorization for the displayed information.

Thousands Separator: Choose the character used as the thousands separator. In the United States, this character is a comma (,). In Germany, it is a period (.). Thus one thousand and twenty-five is displayed as 1,025 in the United States and 1.025 in Germany. In Sweden, the thousands separator is a space.

Rounded to: The option of selecting the precision, up to 10 decimal places.

Display Title: Choose display or hide the label of this control. For more information, please refer: Understand the title of field controls

Dynamic Display Rules: When you set a dynamic display rules, It behaves differently based on specific conditions and rules. Learn how to create dynamic display rules for a control.

Validation of the Check Range field

Open the Content > Validation block to set the properties of this Check Range control.

Readonly: Turn this ON will make this field control as view only status.

Custom Validation: Set the custom validation rules. An error message that will display under your field when specified conditions become true. It will allow you to add any number of rules for validating your field.

Action call of the Check Range field

Open the Content > Action block to call a pre-defined action from the drop-down list. This action will be triggered once the value of this Radio filter field is changed.

Style the Check Range control

Set the styles when the display style is set to Check Range control.

Option items

Open the Style > Option items block to set the styles of the field control.

  1. Space Between: Set the amount of space between each choice

  2. Gap between control and option label: Set the spacing between the Checkbox, and the text of option label.

  3. Item width: Set the width of the choice

  4. Control size: Set the control size of the checkbox.

  5. Items Alignment: Set the alignment of this Check Range control as left, center or right.

  6. Normal / Active / Disabled: Set different styles for normal, active and disabled state of the Check Range control. Styles below are supported to be set separately for normal, active and disabled state.

    • Background Color: Set background color of the checkbox.

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

    • Width – Set the Width of the border.

    • Color: Set the color of the border.

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

Style of title

Style the Title of field controls that are applicable to this control.

Advanced Settings

Set the Advanced options that are applicable to this control.

Did this answer your question?