Advanced Logic

Before you begin, learn about Advanced Logic.

Generally, to configure an advanced logic:

Open or create a Form file in Studio.
Add components into your form. Pay attention to their Property Names, as you might use those in your advanced logic.
Navigate to the Logic tab of the component you want to change (i.e., the component upon which the action should take place).
Click +Add Logic. You can add as many logics as you want.
Enter a name for your logic.
In the Trigger pane, select the type of trigger you want to use in your logic. The available types are Simple, Javascript, JSON Logic, and Event. Set the desired conditions to trigger the action.
In the Action pane, click +Add Action. You can add as many actions as you want, all triggered by the logic that groups them.
Enter a name for your action.
Select the type of action you want to use. The available types are Property, Value, Merge Component Schema, and Custom Action. Set the desired effect of your action.
To save your logic, click Save Logic..

The above procedure applies generically to any type of trigger or action. For a detailed procedure, check out the specific tutorials, which provide examples of each specific trigger and action type:

Trigger type: Javascript & Action type: Value. Visit Summing up two text fields dynamically
Trigger type: Simple & Action type: Property. Visit Hiding a field dynamically
Trigger type: Simple & Action type: Merge Component Schema. Visit Changing the title color dynamically

Before you follow the tutorials, see the sample forms here.

Was this page helpful?

PREVIOUSConditional components

NEXTSumming up two text fields dynamically