formstrap supports the creation of User Driven Events.
You can create events that will be triggered when selected fields on the form are changed.
Before you start to create events, you need to give the fields or components you want the events to act upon a Friendly ID or put them into a Group.
Components will not be available in the Event Action list until you do this.
Friendly ID
Specifying a Friendly ID and referring to it in a Event Action means that action will only apply to that specific component.
Group
Adding a component to a Group and referring to it in an Event Action means the action will apply to ALL components in the group. To add a component to a Group simply enter the group name to the Group field on the component's metadata form.
Creating an Event
In this video, we will create a simple form. Then we will attach an event to a select field, as follows:
- If the end user answers Yes to "Do you own a car"
- The hidden field "Registration Number" appears
- If the end user answers No to "Do you own a car"
- If the Registration Number field is hidden, it stays hidden. Otherwise it is hidden.
View the video:
This video shows how the live form looks and functions
Sampler Form
The Sample Form has a page dedicated to demonstrating events. You can load this into your editor from the formstrap home page. Click Load Form into Editor and select Sampler Form.