Transcript

In this Quick Tip, we're going to learn about the Checkbox element. When we add a Checkbox element to the page, it comes with a label and a checkbox that your users can check or uncheck. We use this to help build forms or control "yes" and "no" fields from a data source.

First, we can set the label text to display what this checkbox represents. Note that this label can be clicked equivalent to clicking the checkbox itself! Then we can set a preset status of whether this checkbox is Checked, Unchecked, or Dynamic when the page loads.

If it's set to "Dynamic", we must specify data that evaluates to yes/no, and depending on which it is, we'll reflect it in the checkbox. This will continue until the user changes the state by clicking on the checkbox and selecting which state they want: checked or unchecked.

Finally, we can use "is checked" or "isn't checked" as a condition in workflows to trigger workflows depending on which state the checkbox is in. Experiment more by adding your own Checkbox element to your app.

That's it for this Quick Tip! For more, be sure to check out bubble.io/academy.