How to use “Switch” field
April 17, 2026
After creating your form, you will be redirected to the Form Builder screen.
In the right-hand panel, open the Elements tab. Under Standard Fields in the Add Fields section, click on Switch Buttons to add it to your form.
Quick Action Icons
You can use the shortcut icons to:
- Edit details
- Adjust spacing (margin / padding)
- Duplicate the field
- Delete the field
General Settings:
- Label: Set the label for this field. This will be displayed to users
- Description: Provide additional information about this field. This will be displayed to users
- Switch Settings: Configure the switch field settings including default value, colors, and custom values
- Default Value: Set whether the switch should be on or off by default
- Switch On Value: The value submitted when the switch is turned on
- Switch Off Value: The value submitted when the switch is turned off
- Switch Colors: Set the colors for when the switch is turned on or off
- Required: Mark this field as required to ensure users fill it out
Appearance Settings:
- Field Label Visibility: Set the visibility of the field label. Options: Visible, Hidden
- Field Label Margin: Adjust the spacing around the field label
- Field Padding: Adjust the spacing around this field for better visual separation
- Field Margin: Adjust the spacing outside this field to control its position relative to other elements
- Custom CSS Class: Add a custom CSS class to style this field
Advanced Settings:
- Visibility: Set the visibility of this field. Options: Visible, Hidden, Administrative
Conditional Logic Settings:
Show or hide fields based on user answers. Available on Pro plan only.