Jotform’s Fancy Checkboxes widget helps you display your choices in a more eye-catching way. Instead of plain checkboxes, users see fun, button-style options that are easier to spot and tap—great for mobile forms or more visual layouts.
Whether you’re creating a new form or updating an existing one, you can add and set up the Fancy Checkboxes widget in a few easy steps. Here’s how to do it:
- In Form Builder, click on Add Element on the left side of the page.
- Now, in the Form Elements menu, under the Widgets tab, search for Fancy Checkboxes and click to add it to your form. Or, just drag and then drop it to where you want it to be on your form.
- Next, in the Widget Settings window that opens on the right side of the page, under the General tab, set up these options:
- Options — Add your choices, putting each one on a new line.
- Default values — Enter the options you want to be selected by default when the form opens, one per line.
- New line for each button — Turn this on to show each option on its own line.
- Once you’re done, click on Update.
That’s it. Now you’ve added and set up the Fancy Checkboxes widget on your form. You can explore how it looks with this demo form.
Note
- For advanced styling of the Fancy Checkboxes widget, you can add your own custom CSS code under the Custom CSS tab in the Widget Settings. Our guide on How to Inject CSS Codes to Widgets walks you through everything.
- You can also configure the widget properties, like alignment, labels, size, visibility, and more, to control how it looks and behaves in your form. Check out our guide on How to Access and Configure the Question Properties of a Widget to learn more.



Send Comment: