Show/Hide
The Show/Hide action allows you to display or hide form elements after the action successfully runs. Optionally, you can add an animation effect. You may want, for example, to hide some of the text boxes on your form when you click a button. Read below to see how easy it is to create this action.
If you want to hide or show fields based on a value in another field, see Using Dependencies to hide and show fields. We recommend using dependencies instead of actions to show/hide fields unless you need to attach an action to a button click or other specific event.
Adding an Action
Follow these steps to add the action:
-
In the Actions window, click the New item in the toolbar at the top of the window.
-
In the Action Settings window, choose Show/Hide from the drop-down menu and click Next.
-
In the Action Name field, give your action a unique name.
-
If you are editing an action for an element / field, choose the Field Event on which you want the action to trigger: when the user changes (Change), enters (Enter), or leaves (Leave) the field.
-
Hide or Show: choose whether you want to show or hide the fields.
-
Fields: Holding down the CTRL key, choose which fields you want to show or hide.
-
Hide Source: for buttons or links, set this to true if you want the button/link to be hidden when the action runs.
-
Stop: set this to true if you want to stop all other processing when this action completes.
-
Rule: click the button to configure one or more rules that must be satisfied before the action will run.
-
Animate: optionally, set this to true, then choose the Animation Type and Speed for the animation you want enhance the show/hide action.
-
Configure the Confirmation Settings to show a confirmation prior to submitting the form. The confirmation prompt will be shown before the action is executed and the end user may choose OK to execute the action or Cancel to abort.
-
Click Save to close the window. The action will appear in the Actions window listing.
-
Click Save to close this window and preview your form to test the action.
Action Types
- Show/Hide
- Update Values
- Add/Remove Selections
- Open Window
- Submit Form
- Reset Form
- Mark Comparison History Viewed
- Custom JavaScript
- Finish Later: Show Save Prompt
- Finish Later: Show Load Saved Data Prompt
- Show Alert
- Abort Submission
- Confirm Page Navigation
0 Comments