# Actionbar

## What is an Actionbar?

Actionbar is a set of collapsible buttons that can be added to any experience.

{% hint style="info" %}
Actionbar element doesn't work when in [VR Mode](/guidelines-compatibility/limitations/vr-mode-support.md)
{% endhint %}

<figure><img src="/files/yJgpq6D006MVYVpYjOs6" alt=""><figcaption><p>What is an Actionbar</p></figcaption></figure>

### Step 1: Add an Actionbar

You can add an Actionbar by clicking on the '**+**' icon in the left bar and selecting ‘Actionbar’ under the 'User Interface' section.

<figure><img src="/files/ynZXF6XOAuai6uqF2jRU" alt=""><figcaption><p>Adding an Actionbar</p></figcaption></figure>

### Step 2: Customize the Actionbar

You have the option to tailor the actionbar to your preferences. The right-hand panel offers various choices, such as the position of the actionbar (top, right, left, or bottom), labelling, changing the color, and adding buttons that can link to your desired destination URL. You can also name the buttons, add images, and more.

<figure><img src="/files/vIFX0uQuLqBFFEHDcBbe" alt=""><figcaption><p>Right panel of Actionbar</p></figcaption></figure>

You can add various call-to-action buttons/ info buttons and more to your experience.

{% hint style="info" %}
You can add multiple actionbars in your experience.
{% endhint %}

### Step 3: Linking Actionbar items

Actionbar items (the individual buttons) can be linked using rules. The rules applied in the above experience are shown below:

<figure><img src="/files/3kFF9JEVoxse8lmU6qgE" alt=""><figcaption><p>Rules 1 - Actionbar</p></figcaption></figure>

<figure><img src="/files/swlxwn1dpmJiGQkkqtwG" alt=""><figcaption><p>Rules 2- Actionbar</p></figcaption></figure>

## Example Experience

Example actionbar in an experience:

{% embed url="<https://rnghud.gmetri.com/action_bar>" %}
Actionbar - Example
{% endembed %}


---

# 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.gmetri.com/metaverse/build/elements/actionbar.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.