Previous icon

Next icon

Creating toggle events

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.

Toggle control event example

To create a toggle event:

  1. Click Controls button (Editing mode).
  2. Select a Checkbox input element.

    The element editing controls are displayed.

    Medical Alert flag

  3. Click Online Form Editor (Events button).

    The Event Manager window is displayed.

    Event Manager window (initial, on change event)

  4. Select On change event from the event drop-down list.

    Event Manager window (On change event selected)

    The Event action section is displayed.

  5. Select Enable/Disable Control (toggle) from the event action drop-down list.

    Event action drop-down list (Enable control on value, toggle, selected)

  6. Select the state of the checkbox that triggers the event from the When the checkbox is field.

    When the checkbox is field

  7. Type a list of comma-separated list of controls to be enabled or disabled by the event.

    Comma separated value (control on toggle event)

  8. Select whether the event enables or disables the listed controls using the To Enabled or Disabled field.

    To Enabled or Disabled field

  9. Click Online Form Editor (Add button).

    The event is added to the Event Manager grid.

    Event Manager grid area (Control on toggle event added)

  10. Click Online form editor (Close button).
  11. Repeat steps 2 through 10 to add additional toggle events.
  12. Click Online form editor (Save button).

Last modified: 19/05/2017 10:49:11 AM

See Also

Creating events

Understanding element events

Creating submit buttons

Creating save for later buttons

Creating duplicate parent panel buttons

Creating enable control on value events

Creating enable control on selected value events

© 2017 Synergetic Management Systems. Published 29 June 2017.

Top of page