Use the Toggle form element to add a toggle field to your Component form. For more information, see Create an editable component.

Locating the toggle form element

To find the Toggle form element:

1. Navigate to a component
2. Click the + button on the Component form builder
3. Within the Fields tab, look for the Toggle form element.

The Toggle element includes the following fields:

Field settings

• Type - Select the type of toggle. The three options are:
  • Toggle (True/false) - A simple toggle which sets a True or False value
  • Toggle with number value - A toggle which sets a number for the On and Off states
  • Toggle with string values - A toggle which sets a string for the On and Off states

Value settings

• Default value - Toggle the default value On or Off
• On value - Set a number or string depending on the Type selected
• Off value - Set a number or string depending on the Type selected.

Tooltip

• Tooltip text - Enter tooltip text here.
• Tooltip placement - Define the position of the tooltip on hover of the field.

Toggle form element

You're viewing version 6.7 of this page. View latest () documentation.

Use the Toggle form element to add a toggle field to your Component form. For more information, see Create an editable component.

Locating the toggle form element

To find the Toggle form element:

1. Navigate to a component
2. Click the + button on the Component form builder
3. Within the Fields tab, look for the Toggle form element.

The Toggle element includes the following fields:

Field settings

• Type - Select the type of toggle. The three options are:
  • Toggle (True/false) - A simple toggle which sets a True or False value
  • Toggle with number value - A toggle which sets a number for the On and Off states
  • Toggle with string values - A toggle which sets a string for the On and Off states

Value settings

• Default value - Toggle the default value On or Off
• On value - Set a number or string depending on the Type selected
• Off value - Set a number or string depending on the Type selected.

Tooltip

• Tooltip text - Enter tooltip text here.
• Tooltip placement - Define the position of the tooltip on hover of the field.