> ## Documentation Index
> Fetch the complete documentation index at: https://docs.usedatabrain.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Adding Elements to Dashboard

> This guide provides a straightforward approach to enhancing your dashboard by adding new elements, which can improve data visualization and user engagement.

### 1. Access Elements Creation

Click the **"+ Elements"** button in the top-right corner of the dashboard (next to the preview icon).

<Frame alt="Access elements button in dashboard">
  <img src="https://mintcdn.com/databrainlabs-bef6850a/acJVn7w4urVkmFSA/images/guides/access-elements-3.png?fit=max&auto=format&n=acJVn7w4urVkmFSA&q=85&s=eaaa18b6320f33d1398df214b3500885" width="2940" height="1658" data-path="images/guides/access-elements-3.png" />
</Frame>

### 2. Add Elements Section

* Enter a title and description.
* Set title and description alignment (left, center, or right).
* Choose from the following element types:
  * `Custom Text Box`
  * `Metric Summary`
  * `Metric Expression`

#### Custom Text Box:

* Enter the content in the text box and format using the toolbar.
* Optionally, toggle **"Merge Card to Background"** if you want the element to blend with the dashboard background.
* Click **"Save"** to add the element to the dashboard.

<Frame alt="Custom text box creation view">
  <img src="https://mintcdn.com/databrainlabs-bef6850a/jzYViQJeLwpwFJzr/images/guides/custom-text-box.gif?s=8f229ed3a5bb2fd30c9dad8f739cba02" width="1630" height="919" data-path="images/guides/custom-text-box.gif" />
</Frame>

> Custom Text Box Elements can be used as section separators to group relevant metrics under distinct categories. They allow intuitive, categorized data presentation.

By using `Custom Text Box` elements as section headers, you can group and label these sections, making it easier for users to locate specific data types and enhancing the dashboard’s overall readability.

<Frame alt="Custom textbox used as dashboard section headers">
  <img src="https://mintcdn.com/databrainlabs-bef6850a/jzYViQJeLwpwFJzr/images/guides/custom-textbox-as-section-headers.png?fit=max&auto=format&n=jzYViQJeLwpwFJzr&q=85&s=390d30d4b8ea87047d261b358426511f" width="2940" height="1658" data-path="images/guides/custom-textbox-as-section-headers.png" />
</Frame>

### Metric Summary:

* Select the metrics to include and enter a prompt for the summary.
* Optionally, toggle **"Merge Card to Background"** if you want the element to blend with the background.
* Click **"Save"** to add the element to the dashboard.

<Frame alt="Metric summary configuration panel">
  <img src="https://mintcdn.com/databrainlabs-bef6850a/KRwjKFDucjw_bmHb/images/guides/metric-summary.gif?s=1f09993b893f3ff94991a820cf19739f" width="1629" height="920" data-path="images/guides/metric-summary.gif" />
</Frame>

<Card title="Metric Summary" href="https://docs.usedatabrain.com/guides/metric/metric-summary">
  Learn more about how to configure Metric Summary and its use cases in Databrain.
</Card>

### Metric Expression:

* Select the metrics you want to include in the **"Metric Expression"** textbox.
* Use metric IDs to perform calculations and define expressions.
* Optionally, toggle **"Merge Card to Background"** if you want the element to blend with the background.
* Click **"Save"** to add the element to the dashboard.

<Frame alt="Metric expression creation process">
  <img src="https://mintcdn.com/databrainlabs-bef6850a/KRwjKFDucjw_bmHb/images/guides/metric-expression.gif?s=000b7ab78e5eea1408873273fdbff340" width="1630" height="920" data-path="images/guides/metric-expression.gif" />
</Frame>

<Card title="Metric Expression for Single Value Card" href="https://docs.usedatabrain.com/guides/metric/metric-expression-for-single-value-card">
  For more details on Metric Expression, kindly refer the below link.
</Card>

<Check>
  You’ve successfully added elements to your dashboard.\
  Your dashboard now includes enhanced summaries, expressions, and formatted text sections that improve readability, structure, and user engagement.
</Check>