Buttons

To create button options for checkboxes:

1. Add a Checkbox field to your form.
2. Click the settings icon on the checkbox field to open the settings sidebar.
3. Click the Advanced tab at the top of the sidebar.
4. Enter wsft-button in the Field setting.

1. Click Save & Close at the bottom of the settings sidebar.
2. Click Preview at the top of the layout editor to test the field.

Switches

To create switch options for checkboxes:

1. Add a Checkbox field to your form.
2. Click the settings icon on the checkbox field to open the settings sidebar.
3. Click the Advanced tab at the top of the sidebar.
4. Enter wsft-switch in the Field setting.

1. Click Save & Close at the bottom of the settings sidebar.
2. Click Preview at the top of the layout editor to test the field.

Swatches

To create swatches or color options for checkboxes:

1. Add a Checkbox field to your form.
2. Click the settings icon on the checkbox field to open the settings sidebar.
3. Click the Advanced tab at the top of the sidebar.
4. Enter wsft-color in the Field setting.

1. Click the Checkboxes tab at the top of the sidebar.
2. Click the expand icon to make the data grid easier to work with.
3. Click the add column icon, and name the column Value.
4. In the Label column, enter: <span style="background-color: #data_grid_row_value;"></span> Color for each row. Change the word Color to whatever label you would like for that row.
5. In the Value column, enter the hex color you would like to use for that row, for example: #ff0000.
6. Underneath the data grid, choose Value in the Values setting. This tells WS Form which column to use for the checkbox value. Your finished checkbox data grid should look similar to this:

1. Click Save & Close at the bottom of the settings sidebar.
2. Click Preview at the top of the layout editor to test the field.

Images

To create switch options or swatches for checkboxes:

1. Add a Checkbox field to your form.
2. Click the settings icon on the checkbox field to open the settings sidebar.
3. Click the Advanced tab at the top of the sidebar.
4. Enter wsft-image in the Field setting.

1. Click the Checkboxes tab at the top of the sidebar.
2. Click the expand icon to make the data grid easier to work with.
3. Click the add column icon, and name the column Value.
4. Hover your mouse cursor over the Label column and click the Insert Image icon  . Select an image from the media library. We recommend sizing the images appropriately before uploading them.
5. In the Value column, enter the value you would like to use when the image is selected.
6. Underneath the data grid, choose Value in the Values setting. This tells WS Form which column to use for the checkbox value. Your finished checkbox data grid should look similar to this:

1. Click Save & Close at the bottom of the settings sidebar.
2. Click Preview at the top of the layout editor to test the field.