Form Fields Visibility

Form Fields Visibility

Fields Visibility offers the possibility to control the visibility of certain fields in your Input Form widget. By using this feature, you are able to define conditions to hide some fields based on the values of other fields.

For example, the field after the feedback type has been changed based on the value of the feedback. If the feedback type is suggestion then we show the What is your suggestion? field, and if the feedback type is bug then we will show the What is the problem? field.

Benefits of Fields Visibility:
  1. Free up space in your form by hiding undesired fields at certain times.
  2. Separate your fields. You no longer need to put two labels in a text field and then handle their values differently based on other fields.
  3. Organize the data posted. If you hide a field, it won't be posted along with the rest of the fields that are visible.

Creating conditions

To use field visibility, you need to create conditions to define when a field will be visible. You can start creating conditions by editing in your Input Form Widget and then heading into the Fields Visibility Tab.

By default when you enter the tab you will see one of these boxes for every variable that you have.

If you don't set any visibility conditions on a field, it will always be visible.

Once you define at least one visibility rule, the field will only appear if it matches one of the conditions. You can add up to 10 visibility conditions.

To create a condition, press the Add Rule button. By doing so, a new row will appear with some information for you to fill in.

  • In the select a variable field you can choose a variable that was previously defined in the Main Configuration tab, this is the variable that the condition will be based off of.
  • In the condition field you specify the comparison type that will be used against the previously defined variable's value.

By configuring a row, the field suggestion_feedback will only appear when the chosen variable's field matches the condition specified.

If you are still having trouble understanding what each field in the row is supposed to do, try to read the whole line as text. For example:

IF variable
IS equal to something
THEN...  this field will be visible.

To facilitate understanding, this is what the example in the beginning of this article would look like:

Also keep in mind that we only covered field visibility here, to learn more about how to configure each form field access the Input Form Widget documentation.

    • Related Articles

    • Input Form Widget

      The Input form allows users to submit values to variables through a form. Editing the form The Input form is a very dynamic widget. You can customize its colors, layout, text, and even icons. To edit a specific section of this widget, you must hover ...
    • Field Types for Input Form

      The field is the structure that contains the relation between the inputted data and the Device data in some widgets. Fields can have a bunch of types, depending on the widget that it is dealing with. 1. Text A typical text input will appear, and the ...
    • Input Control Widget

      The Input control allows users to submit values to variables through a form. Editing the form The Input control is a very dynamic widget, as you can customize its colors, layout, text, and even icons. To edit a specific section of this widget, you ...
    • Filtered Variables

      Filtered variables is a type of field in the Input Form widget. It enables you to select a single value from a list that can change dynamically based on the values of other fields. For this type of field to work, you need to link it to another field. ...
    • Metadata

      Metadata is one of the most important concepts when creating dashboards and widgets . Metadata is a piece of information that you can store in the variable payload. With metadata, it is possible to dynamically change the behavior of the widget and ...