> For the complete documentation index, see [llms.txt](https://globosoftware.gitbook.io/globosoftware-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://globosoftware.gitbook.io/globosoftware-docs/field-types/selects/button.md).

# Button

Show a choice list as large tappable buttons — easy to hit on a phone.

The **Button** field asks the same kind of question as radio buttons or checkboxes, but draws every choice as a large tappable button. Use it where the answer set is short and the form is mostly filled in on a phone — a *Pickup or delivery?* question, a T-shirt size, or which day a customer wants their consultation.

## 🔧 How to Set It

In the form editor, click **Add element** > pick **Button**.&#x20;

The field is added and its settings open on the left.

<figure><img src="https://712145376-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2AkSDlkSYnQXINUtOZOT%2Fuploads%2Fd0se1RaoNAuLeufdvxIc%2F2026-10-02_17-23-10.png?alt=media&amp;token=5a9a48ab-799d-4320-9bee-b0c767f512f4" alt=""><figcaption></figcaption></figure>

<figure><img src="https://712145376-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2AkSDlkSYnQXINUtOZOT%2Fuploads%2FbVeJvKeBpUu4CuujKtKy%2F2026-10-02_17-23-27.png?alt=media&amp;token=3eb3c8df-7c83-41b3-82b6-4bd5a8c8e6a4" alt=""><figcaption></figcaption></figure>

See [Add and arrange elements](/globosoftware-docs/build-your-form/add-and-arrange-elements.md) for the other ways to add a field and how to reorder them.

## 🔧 Settings

Only the settings specific to this field are listed here. **Label**, **Placeholder**, **Description**, **Required**, **Hide label**, **Column width**, **Conditional display** and the rest of the shared settings work the same on every field.

### **Options**&#x20;

The list of choices, one button each.&#x20;

Click **Expand** to see and edit the **Value** alongside the **Label.**&#x20;

**Bulk add Option** to paste many at once.

> **⚠️ Note:** Only the **Label** can be translated. The **Value** stays the same across all languages.&#x20;

<figure><img src="https://712145376-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2AkSDlkSYnQXINUtOZOT%2Fuploads%2F3GBzJejYdGcMnzTUfGMH%2F2026-10-02_17-31-27.png?alt=media&amp;token=5224c93e-3211-42cb-a768-74804aa76d4e" alt=""><figcaption></figcaption></figure>

### Enter Default Value

Pre-selects a choice when the form loads, so the visitor only needs to adjust from there.

> **⚠️ Note:** Must match an option's **Value** exactly — a typo means nothing gets pre-selected.

### Other Option

Adds an extra **Other** button with a write-in box beside it. **Other label** (default "Other") and **Other placeholder** (default "Enter other option") appear once it's on.

### Multiple Selection

Turn this on and they behave like checkboxes instead — the visitor can select several, and tapping a chosen button again deselects it.

Turning it on reveals **Limit selections**, then **Min selections** and **Max selections**.

**Example:** *"Which services do you need?"* turns on **Multiple selection** and **Limit selections**, with **Min 1 / Max 3** — the visitor must pick at least one, but no more than three.

> **📌 Note:** Outside the range, submission is blocked with a message naming your number, like *"Please choose at least 2 options."*

<figure><img src="https://712145376-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2AkSDlkSYnQXINUtOZOT%2Fuploads%2F5KTmamHZ0bpX40ISLjUB%2F2026-10-02_17-33-32.png?alt=media&amp;token=3b9a35be-3ccc-460f-a6b6-439828919337" alt=""><figcaption></figcaption></figure>

## 🔄 How It Works

**What's saved:** Each selected button's **Value**, not its **Label**. With **Multiple selection** on, every selected value is stored.

## ⚠️ Limits & Notes

**Keep labels short.**&#x20;

Buttons sit side by side and wrap when they run out of room — a long label produces one oversized button. If a choice needs explaining, put the detail in **Description**, or use **Radio buttons** instead.

## 🔁 Compare

<table><thead><tr><th width="137.7000732421875">Use</th><th>When</th></tr></thead><tbody><tr><td><strong>Button</strong></td><td>Short choices, mobile-friendly tappable layout</td></tr><tr><td><strong>Radio buttons</strong></td><td>Same single-answer question, classic list layout</td></tr><tr><td><strong>Checkboxes</strong></td><td>Multi-answer list with a per-line layout setting</td></tr></tbody></table>

## Next steps

* [Radio buttons](/globosoftware-docs/field-types/selects/radio-buttons.md) — the same single-answer question in a classic list.
* [Checkboxes](/globosoftware-docs/field-types/selects/checkboxes.md) — a multi-answer list with a per-line layout setting.
