Creating toggle events

Modified on Mon, 20 Apr at 12:19 AM

Checkbox elements with toggle events enable or disable other elements based on the state of the checkbox.

For example, selecting the Medical Alert checkbox below enables the Comment text area.

To create a toggle event:

Click .
Select a Checkbox input element.
The element editing controls are displayed.
Click .
The Event Manager window is displayed.
Select On change event from the event drop-down list.

The Event action section is displayed.
Select Enable/Disable Control (toggle) from the event action drop-down list.
Select the state of the checkbox that triggers the event from the When the checkbox is field.
Type a list of comma-separated list of controls to be enabled or disabled by the event.
Select whether the event enables or disables the listed controls using the To Enabled or Disabled field.
Click .
The event is added to the Event Manager grid.
Click .
Repeat steps 2 through 10 to add additional toggle events.
Click .

Attachments (23)

image2019-7-9_15-18-47.png
10.9 KB

image2019-7-9_15-18-54.png
1.56 KB

image2019-7-9_15-19-7.png
9.4 KB

worddav133562364d320be4824a3eb90ac74fb4.png
4.85 KB

worddav3c85fa68e7f3535f50d004c2c50e55bb.png
5.95 KB

worddavb64fff09945cfe826a890597b51175b9.png
3.41 KB

worddav81b78f97baab819c474e865d8363eae6.png
4.72 KB

worddav429188801e62ad207a773f1f6feb854c.png
4.7 KB

worddav3f486cfeeb6b8f6e9eeee052992d48b0.png
2.37 KB

69e1fff972ac4.Toggle_control_event_example.gif
2.89 KB

69e1fff972ac6.Controls_button_(Editing_mode).gif
674 Bytes

69e1fff972ac7.image2019-7-9_15-18-47.png
10.9 KB

69e1fff972ac8.image2019-7-9_15-18-54.png
1.56 KB

69e1fff972ac9.Event_Manager_window_(initial_on_change_event).gif
6.37 KB

69e1fff972aca.Event_Manager_window_(On_change_event_selected).gif
3.36 KB

69e1fff972acb.image2019-7-9_15-19-7.png
9.4 KB

69e1fff972acc.When_the_checkbox_is_field.gif
4.05 KB

69e1fff972acd.Comma_separated_value_(control_on_toggle_event).gif
4.54 KB

69e1fff972ace.To_Enabled_or_Disabled_field.gif
5.62 KB

69e1fff972acf.Online_Form_Editor_(Add_button).gif
466 Bytes

69e1fff972ad0.Event_Manager_grid_area_(Control_on_toggle_event_added).gif
2.79 KB

69e1fff972ad1.Online_form_editor_(Close_button).gif
798 Bytes

69e1fff972ad2.Online_form_editor_(Save_button).gif
906 Bytes