> For the complete documentation index, see [llms.txt](https://docs.easyappshq.com/easyform/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.easyappshq.com/easyform/field-settings/dropdown-column-display-modes.md).

# Dropdown column display modes

With easyform you can:

1. Limit a dropdown column to single selection.
2. If limited to single selection, display the field as radio buttons, buttons or a single select dropdown.
3. If not limited to single selection, display the field as checkboxes or a multiple select dropdown.

## Limit a dropdown column to single selection

Click the field in the form to open the field settings and turn on the *Limit to single selection* toggle:

<figure><img src="https://2373693479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fi86fl5Basjs0JgNXT5zB%2Fuploads%2FTWZIKQZ9tAwmmeqYEprP%2Fdropdown%201_2022-8-20.gif?alt=media&amp;token=1c78f8a2-6b88-43d5-be99-44867185cca3" alt=""><figcaption><p>Click to view in full screen</p></figcaption></figure>

### Display a dropdown column as radio buttons

First, [limit the field to single selection ](#limit-a-dropdown-column-to-single-selection)and then select *Show field as: Radio buttons*:&#x20;

<figure><img src="https://2373693479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fi86fl5Basjs0JgNXT5zB%2Fuploads%2FR8Ls9nDdaDCzWy1wwrJo%2Fdropdown%202_2022-8-20.gif?alt=media&amp;token=1ad21927-d7ec-4d2a-affd-23906973f3c1" alt=""><figcaption><p>Click to view in full screen</p></figcaption></figure>

### Display a dropdown column as single select buttons

First, [limit the field to single selection](#limit-a-dropdown-column-to-single-selection) and then select *Show field as: Buttons*:

<figure><img src="https://2373693479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fi86fl5Basjs0JgNXT5zB%2Fuploads%2Fj1Jr1F3NlFpaQHyoY7Gq%2Fdropdown%203_2022-8-20.gif?alt=media&amp;token=4d4dba9e-5895-426d-a313-08c95e683105" alt=""><figcaption><p>Click to view in full screen</p></figcaption></figure>

Here's how it will look to a user filling the form:

<figure><img src="https://2373693479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fi86fl5Basjs0JgNXT5zB%2Fuploads%2FuQOwvTgMmA7pHKhDIJfB%2Ffill%20dropdown%201_2022-8-20.gif?alt=media&amp;token=28110d76-43ab-4e63-960e-ac8c95e2385a" alt=""><figcaption><p>Click to view in full screen</p></figcaption></figure>

### Display a dropdown column as a single select dropdown

First, [limit the field to single selection](#limit-a-dropdown-column-to-single-selection) and then select *Show field as: Dropdown*:

<figure><img src="https://2373693479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fi86fl5Basjs0JgNXT5zB%2Fuploads%2FcRsQRjMAxFIk7xOEQ6ZM%2Fdropdown%204_2022-8-20.gif?alt=media&amp;token=c7e6f8c5-81f4-4756-be5a-a791df1d7302" alt=""><figcaption><p>Click to view in full screen</p></figcaption></figure>

Here's how it will look to a user filling the form:

<figure><img src="https://2373693479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fi86fl5Basjs0JgNXT5zB%2Fuploads%2F7GnaWIR8ie5E3jGcdLhH%2Ffill%20dropdown%202_2022-8-20.gif?alt=media&amp;token=2870a796-59f1-43ab-97ad-6f2291261816" alt=""><figcaption><p>Click to view in full screen</p></figcaption></figure>

## Enable multiple selection for a dropdown column&#x20;

Click the field in the form to open the field settings and turn off the *Limit to single selection* toggle:

<figure><img src="https://2373693479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fi86fl5Basjs0JgNXT5zB%2Fuploads%2FYJ0cI6xjDqQhhgno5dJZ%2Fdropdown%205_2022-8-20.gif?alt=media&amp;token=78d5b394-298b-4a7b-8b53-3b32b8e450d7" alt=""><figcaption><p>Click to view in full screen</p></figcaption></figure>

### Display a dropdown column as checkboxes

First, if not enabled, [enable multiple selection](#enable-multiple-selection-for-a-dropdown-column) for the dropdown field and then select *Show field as: Checkboxes*:

<figure><img src="https://2373693479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fi86fl5Basjs0JgNXT5zB%2Fuploads%2FhejCrOxCdLzxp9sk5f2f%2Fdropdown%206_2022-8-20.gif?alt=media&amp;token=97004ba6-d9da-49fe-b6fc-468f1c96a55b" alt=""><figcaption><p>Click to view in full screen</p></figcaption></figure>

Here's how it will look to a user filling the form:

<figure><img src="https://2373693479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fi86fl5Basjs0JgNXT5zB%2Fuploads%2Fj3mpunVFmEcsEhb8rapr%2Ffill%20dropdown%203_2022-8-20.gif?alt=media&amp;token=ebf82912-a209-4260-969d-7e108b70feb2" alt=""><figcaption><p>Click to view in full screen</p></figcaption></figure>

### Display a dropdown column as a multiple select dropdown

First, if not enabled, [enable multiple selection](#enable-multiple-selection-for-a-dropdown-column) for the dropdown field and then select *Show field as: Dropdown*:

<figure><img src="https://2373693479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fi86fl5Basjs0JgNXT5zB%2Fuploads%2Fc3LecbkWmWUo3Jp0IcdX%2Fdropdown%207_2022-8-20.gif?alt=media&amp;token=3b9bec88-2eec-4d0f-afe2-a768d62ab5c4" alt=""><figcaption><p>Click to view in full screen</p></figcaption></figure>

Here's how it will look to a user filling the form:

<figure><img src="https://2373693479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fi86fl5Basjs0JgNXT5zB%2Fuploads%2F3JCKvywwSqElrHIrODGv%2Ffill%20dropdown%204_2022-8-20.gif?alt=media&amp;token=b028b209-bd5d-4902-a1c4-a92b90c75192" alt=""><figcaption><p>Click to view in full screen</p></figcaption></figure>