Skip to main content

Checkbox in Collection Form

Previously collection form did not support a checkbox but now it does. You can either add a checkbox by creationg a Static Option field or a Dynamic Option field.


Creating Static Option Checkbox Field

1. Add New Field

Open the settings of the collection that you will bind to a collection form and click the Add Field button.

DrapCode Builder Collection Form

2. Create a Static or Dynamic Option Field

Select Static Option or Dynamic Option as the field type. Name the field and add options one by one for Static Option field. If you have created a dynamic option field then bind the collection and select the field whose data you want to bring dynamically.

  • Static Option: If you have chosen the Static Option field, name the field first and then manually type options one by one and press enter.
DrapCode Builder Collection Form
  • Dynamic Option: If you have chosen the Dynamic Option field, first name the field and then select the collection and collection field from which you want data to come dynamically from.
DrapCode Builder Collection Form

3. Select Multi-Select Option

Now select the Radio option followed by the multi-select option. It will turn the radio option into checkbox. Once done, click the Save button.

DrapCode Builder Collection Form

4. Bind the Collection to a Collection Form

Drop a collection form on a page and bind the collection in which you have added the radio field. Also, bind a Save Collection event to it.

DrapCode Builder Collection Form

5. Publish or Preview

Open the page in the publish or preview mode and you will see the checkbox field in the collection form.

DrapCode Builder Collection Form