> For the complete documentation index, see [llms.txt](https://help.parta.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.parta.io/editor/edit-elements/set-media-and-content-elements/button.md).

# Button

## What is a Button Element?

A **button** is a clickable element that enables various actions when pressed.

<figure><img src="/files/hn82LQhBDFtZVPG1wfTV" alt=""><figcaption></figcaption></figure>

## Edit General Button Element Settings

[Open](/editor/edit-elements.md) a button element settings window to start editing.

<figure><img src="/files/DMyRfEUp2PssTLSuP1Aq" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="50">№</th><th width="200">Setting</th><th width="499.7999267578125">Description</th></tr></thead><tbody><tr><td>1</td><td>Type</td><td><p>Assigns the button action and shows additional button type settings.</p><p></p><p>Select a button type from a drop-down menu:</p><ul><li><strong>Actions in block</strong>: Allows learners to perform a specific action according to the section / block type;</li><li><strong>Course navigation</strong>: Allows learners to go to the specified course section;</li><li><strong>Link</strong>: Allows learners to go to the specified link;</li><li><strong>Download file</strong>: Allows learners to download the attached file;</li><li><strong>Continue</strong>: Allows learners to proceed the course only after the specified condition has been met;</li><li><strong>Branching</strong>: Allows the learner navigate through the course based on completing a Quiz or answering a question.</li></ul></td></tr><tr><td>2</td><td>Label</td><td>Sets the text displayed on the button.<br><br>Enter the button name.</td></tr></tbody></table>

The changes will be saved automatically.

## Edit Button Type Settings

Select a [button type](#type) to start editing.

### Action in block

<figure><img src="/files/N0XTFnUUO5hMsVCTYGGN" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="50">№</th><th width="200">Setting</th><th width="500.39990234375">Description</th></tr></thead><tbody><tr><td>1</td><td>Actions</td><td>Sets the available action types for a button that depend on the section and block type.<br><br>Select an available action to perform from the drop-down menu.</td></tr></tbody></table>

### Course navigation

<figure><img src="/files/DeAoAaSQxrFzXZYvffFl" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="50">№</th><th width="200">Setting</th><th>Description</th></tr></thead><tbody><tr><td>1</td><td>Actions</td><td><p>Select where to direct the learners from the drop-down menu:</p><ul><li><strong>Next section</strong>: Directs the learner to the section following the current one.</li><li><strong>Previous section</strong>: Directs the learner to the section preceding the current one.</li><li><strong>Go to</strong>: Directs the learner to the specific section.</li></ul></td></tr><tr><td>2</td><td>Section</td><td><div data-gb-custom-block data-tag="hint" data-style="info" class="hint hint-info"><p>Select the <strong>Go to</strong> option of the <strong>Actions</strong> to show the setting.</p></div><p>Select a section to which learners will be redirected.</p></td></tr><tr><td>3</td><td>Block</td><td><div data-gb-custom-block data-tag="hint" data-style="info" class="hint hint-info"><p>Set the <strong>Section</strong> option to show the setting.</p></div><p>Select a block to which learners will be redirected.</p></td></tr></tbody></table>

### Link

<figure><img src="/files/xRxXvMs2pBBheDUjNUfb" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="50">№</th><th width="200">Setting</th><th>Description</th></tr></thead><tbody><tr><td>1</td><td>URL</td><td>Assigns the button link to redirect the learner.<br><br>Enter a link address to open when clicking the button.</td></tr><tr><td>2</td><td>Open in same tab</td><td><p>Sets the behavior of the opened link.<br></p><p>Select an option:</p><ul><li>Click <strong>Yes</strong> to open the button link in the same browser tab;</li><li>Click <strong>No</strong> to open the button link in the new browser tab.</li></ul></td></tr></tbody></table>

### Download file

<figure><img src="/files/xpegzA9Vjhk8Fp3S1ByM" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="50">№</th><th width="200">Setting</th><th>Description</th></tr></thead><tbody><tr><td>1</td><td>Upload</td><td>Click the <strong>Upload</strong> button to open the <a href="/pages/HsqrJrVoRieeB1Mwid0x">Resources</a> window and select a file.</td></tr></tbody></table>

### Continue

<figure><img src="/files/PjyELnhQsK4XFN5ykfV5" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="50">№</th><th width="200">Setting</th><th>Description</th></tr></thead><tbody><tr><td>1</td><td>Condition</td><td><p>Select a condition to enable the Continue button from the drop-down menu:</p><ul><li><strong>No</strong>: Requires the users to click the Continue button to proceed the course;</li><li><strong>All blocks completed</strong>: Requires the users to interact with all blocks of the section;</li><li><strong>Block above passed</strong>: Requires the users to interact with the block placed above the block with the Continue button.</li></ul></td></tr><tr><td>2</td><td>Hide block</td><td><p>Select an option:</p><ul><li><strong>Yes</strong>: Hides the button or the block it's in when clicked;</li><li><strong>No</strong>: Shows the block and the inactive button when clicked.</li></ul></td></tr></tbody></table>

### Branching

<figure><img src="/files/EIkL78iQSM8G6sAEpwml" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
This option is available for:

* [**Quiz blocks**](/editor/edit-elements/set-quiz-elements/quiz-block-elements.md) of the [Content page](/project/set-sections/set-a-contents-page.md) sections;
* [**Results blocks**](/editor/edit-elements/set-quiz-elements/results-quiz-block-elements.md) of the [Quiz](/project/set-sections/set-a-quiz.md) sections.
  {% endhint %}

<table><thead><tr><th width="50">№</th><th width="200">Setting</th><th>Description</th></tr></thead><tbody><tr><td>1</td><td>Correct answer</td><td>Shows the button variation for the correct answer (<a href="/pages/NOofVxSC0iuJOLCzx4Q2">Content page</a> section) or the passed Quiz (<a href="/pages/cCEVZpuueSUb43rCeZzn">Quiz</a> section).<br><br><strong>a.</strong> Select a <a href="#edit-general-button-element-settings">button type</a>.<br><strong>b.</strong> Configure the <a href="#edit-button-type-settings">settings</a> depending on selected type.</td></tr><tr><td>2</td><td>Incorrect answer</td><td>Shows the button variation for the wrong answer (<a href="/pages/NOofVxSC0iuJOLCzx4Q2">Content page</a> section) or the failed Quiz (<a href="/pages/cCEVZpuueSUb43rCeZzn">Quiz</a> section).<br><br><strong>a.</strong> Select a <a href="#edit-general-button-element-settings">button type</a>.<br><strong>b.</strong> Configure the <a href="#edit-button-type-settings">settings</a> depending on selected type.</td></tr></tbody></table>

The changes will be saved automatically.

{% hint style="info" %}
[Explore different scenarios](/how-to/how-to-use-branching-in-quizzes.md) for using branching in Quizzes depending on your needs.
{% endhint %}

## Brand a Button Element

[Set corporate branding for a button element.](/branding/create-branding/elements/button.md)

{% hint style="success" %}
Use the [pro mode](/no-code-editor/work-in-the-no-code-editor.md) of the editor to set an element branding different from the corporate branding template.
{% endhint %}