# Element customizations

Generic element customizations, such as the size, position, border, shadow, and corner radius, can be configured from the Properties > Element > Settings tab. Let's take a look! 

### 1. Type

Use the **Type** dropdown menu to select and switch between various element types.

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

### 2. Dimension

You can customize the size of each dashboard element by setting its width and height. Additionally, you can define its position using X and Y coordinates.

<figure><img src="/files/4BorhX3LtH1qSn4qBFr3" alt=""><figcaption><p>Setting the dimension and position</p></figcaption></figure>

### 3. Border

Draw borders to highlight your elements. You can specify the border width and color.

<figure><img src="/files/n7DLdVBL6iTQdbvczbOZ" alt=""><figcaption><p>Applying borders</p></figcaption></figure>

### 4. Corner radius

The **Corner Radius** property allows you to adjust the roundness of an element’s corner. A higher value results in more rounded corners, while a value of **0** creates sharp, square corners. You can set a uniform corner radius with the **All** option or specify the radius for individual corners with the **Custom** option.

<figure><img src="/files/MrZF2L73F5rp7yDnmnCt" alt=""><figcaption><p>Setting the corner radius</p></figcaption></figure>

### 5. Padding

Specify the padding between an element and the border.

<figure><img src="/files/jf9OOpDjek4dUV3mOqJB" alt=""><figcaption><p>Padding</p></figcaption></figure>

### 6. Margin

Specify the distance between an element and the container.

<figure><img src="/files/R71682TjVbJwqVufICwh" alt=""><figcaption><p>Margin</p></figcaption></figure>

### 7. Fill

Select a background color for the element.&#x20;

<figure><img src="/files/LPACKzxxJu7Et6sMBJRG" alt=""><figcaption><p>Background color</p></figcaption></figure>

### 8. Shadow

You can demarcate each element in your dashboard and highlight them by setting a shadow. Notice how each element stands out when we assign a **Blur** and **Size** value.

<figure><img src="/files/VkDtJnUlajbkkSzAd0Q6" alt=""><figcaption><p>Shadow</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.inforiver.com/analytics+/storyboard/element-customizations.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.