# Checkbox

A checkbox element lets learners select one or more options from a list. It’s useful for self-assessment or task completion. You can also use it to control navigation by requiring a learner to confirm a step (like, "I have downloaded and reviewed the document") before moving on.

<figure><img src="https://3560131808-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoKhlOpFC8JmF8TcxylWx%2Fuploads%2FYAsb6u44wnZDWcE9Pc8f%2FScreenshot_1.png?alt=media&#x26;token=1a2c1122-36ba-4f33-b261-b242a6042c81" alt=""><figcaption></figcaption></figure>

#### Double-click on an element to view its settings.

<figure><img src="https://3560131808-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoKhlOpFC8JmF8TcxylWx%2Fuploads%2FtOberOVGF8l2y79XDkhj%2FScreenshot_2.png?alt=media&#x26;token=cf25a032-2067-423b-9d45-877a61bfe057" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
A checklist can be used either as a traditional checklist or as a continue button that prevents scrolling until all items are completed.
{% endhint %}

### 1. Checklist

<figure><img src="https://3560131808-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoKhlOpFC8JmF8TcxylWx%2Fuploads%2FtOberOVGF8l2y79XDkhj%2FScreenshot_2.png?alt=media&#x26;token=cf25a032-2067-423b-9d45-877a61bfe057" alt=""><figcaption></figcaption></figure>

#### To add a new checklist item, click on + below last item in checklist

<figure><img src="https://3560131808-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoKhlOpFC8JmF8TcxylWx%2Fuploads%2FS5nNmOwnT8y79m54dM5P%2FScreenshot_3.png?alt=media&#x26;token=56b960c1-781c-4645-8353-84df9d22fa39" alt=""><figcaption></figcaption></figure>

#### To rearrange items in your checklist, click and hold the drag-and-drop icon next to an item, then move it up or down to the desired position

<figure><img src="https://3560131808-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoKhlOpFC8JmF8TcxylWx%2Fuploads%2FOkxcUofqZNinAllszFow%2FScreenshot_4.png?alt=media&#x26;token=3a1e9a50-24c5-4174-8656-17d6b9ec274b" alt=""><figcaption></figcaption></figure>

#### To delete items in your checklist, click and delete icon next to an item.

<figure><img src="https://3560131808-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoKhlOpFC8JmF8TcxylWx%2Fuploads%2FquQQq3lrI77xlVyAdYyY%2FScreenshot_5.png?alt=media&#x26;token=2f87abe1-9197-41ae-9ac6-15edffcf71aa" alt=""><figcaption></figcaption></figure>

### 2. Continue

<figure><img src="https://3560131808-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoKhlOpFC8JmF8TcxylWx%2Fuploads%2FnTDLvXjM4UsCm6RsV84z%2FScreenshot_6.png?alt=media&#x26;token=c4d6c7d0-c69b-41ec-acbc-9b9efbb69277" alt=""><figcaption></figcaption></figure>

This table defines how checklist progression works based on user selection and block dependencies.&#x20;

|                             | No                                                                                                                                                                                         | All blocks completed                                                                                                 | Block above passed                                                                              |
| --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------- |
| <sub>**Any selected**</sub> | You only need to click at least one checkbox to move forward. Blocks above do not require interaction. This setting lets you progress freely without completing all previous blocks.       | You must click at least one checkbox item in the block above to move forward + all previous blocks need interaction. | You only need to click at least one checkbox item in the block + interact with the block above. |
| <sub>**All selected**</sub> | You need to click all checkboxes in a block to move forward. Blocks above do not require interaction. This ensures at least one block with checkbox is fully completed before progressing. | You must click all checkboxes in the block to continue + full completion of all previous blocks is required.         | You must click all checkboxes in the block to continue + interact with the block above.         |
