# 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&#x26;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&#x26;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&#x26;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&#x26;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&#x26;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&#x26;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&#x26;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&#x26;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&#x26;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&#x26;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&#x26;token=b028b209-bd5d-4902-a1c4-a92b90c75192" alt=""><figcaption><p>Click to view in full screen</p></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.easyappshq.com/easyform/field-settings/dropdown-column-display-modes.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
