Field Display Rules Setting Techniques
Introduction
Feature(s)
In order to set proper display rules, you need to figure out the logical relationship between the form fields. Therefore multiple display rules do not contradict each other. This article will introduce some techniques for setting field display rules.
Application Scenario(s)
- In the case of designing a questionnaire, setting display rules allow members to jump to different questions based on the options they selected.
- In the case of recording order details, setting display rules allow members to enter different kinds of models and specifications based on the product they selected.
Preview
Take the project registration form as an example:
Setting Procedure
Designing a Form
Create a Project Registration form, and add the following fields:
Field Name | Field Type | Field Properties |
Project | Radio | Set three options: Project A, Project B, and Project C. |
Name | Single Line | / |
Age | Number | / |
Gender | Radio | Set two options: Male and Female. |
Weight | Number | / |
Height | Number | / |
Setting Field Display Rules
1. Mind map of field display rules.
The information members need to provide varies according to the project they want to register.
2. Design display rules.
First, you need to find the conditions that need to be met when each field is displayed.
- Name: Project A, Project B, Project C
- Gender: Project A, Project B, Project C
- Age: Project A, Project B
- Weight: Project A, Project C
- Height: Project B
Based on the above conditions, a total of five rules need to be set. Because the conditions for name and gender are identical, you can integrate them. The result is the following four rules:
- Name, Gender: Project A, Project B, Project C
- Age: Project A, Project B
- Weight: Project A, Project C
- Height: Project B
3. Set display rules.
Rule 1: Select any of the options in Project A, Project B, or Project C to display Name and Gender.
Rule 2: Select any of the options in Project A and Project B to display Age.
Rule 3: Select any of the options in Project A and Project C to display Weight.
Rule 4: Select Project B to display Height.