---
title: "Adding an Image to a Page/Dashboard"
slug: "adding-an-image-to-a-pagedashboard"
updated: 2025-07-28T16:03:39Z
published: 2025-07-28T16:03:39Z
---

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

# Adding an Image to a Page/Dashboard

## Overview

If users wish to further customize their Page/Dashboard, they may do so by utilizing an **Image**component within the Page Designer. This component, in turn, allows the user to apply their desired image to their Page/Dashboard. This can be used to apply relevant images, such as a company's logo, to the Dashboard to provide a more personal and custom user experience. The following document demonstrates adding and formatting images in a Page/Dashboard via the Image component.

---

## Example

1. From the Decisions Studio, either Open a preexisting Page/Dashboard or select CREATE REPORT from the Global Action Bar, then CREATE a new Page.
2. From the **Page** **Designer**, drag an **Image**component into the desired section of the workspace by dragging and dropping the component from **Toolbox > FAVORITES** onto the Page.
3. Select the Image component on the Page, then under **Properties > COMPONENT SETTINGS > Image**, select the **Edit**(denoted by a pencil icon) button. ![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/2025-07-28_12h01_08.png)
4. Select the Pick Image window, then PICK the desired Image. Additional Information on Pick Image Users are provided three separate methods for selecting images from the Pick Image window.  
  

  - The **From****Library**window allows users to select an Image from the default Image Library in Decisions. These Images are sorted into their respective categories on the left.  
If desired, users may control the Color of the Image via the Color Picker. Additionally, they may provide an enlarged image view via the **Zoom**control. Depending on the size of the Image and the space it is being placed into, Zooming may be required to reduce the blurriness/pixelation of the Image.
  - The **From****File**option allows users to **Constant**map their desired file via the **File****Picker**. Images may be added by clicking CHOOSE FILE or dragging the file into the Drag file.
  - The **From Url** option allows users to add an Image by providing a valid URL for an Image file. Additionally, users may embed the Image via the **Embed****Image B****oolean**.
5. After the Image is added, additional parameters may be adjusted via **Properties > SETTINGS**. Under **Part** **Type,**select the desired option. Additional Information on Part Type Settings The **Part****Type**drop-down allows users to dictate how to display the Image. The options are as follows:

  - **BaseContent**: This is the default and gives the appearance that the **Header****Container**is its own distinguished section of the **Page**.
  - **Container**:****Makes the Header Container transparent.
  - **Child**:****Shrinks the **Title Bar** to make it appear secondary to the default BaseContent setting.
  - **Chromeless**: Makes the Header Container transparent and strips away the header, so the Container renders it without any appearance-related properties.

![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/2024-06-20_11h30_21.png)
6. If desired, select **No******under **Hide****Title****Bar**or Use **Small****Titlebar**.
7. Once the Image is added, the Image may be stretched and expanded by selecting the Image, then clicking any of the **orange****arrows**to expand the image in that direction. Additional Information on Adjusting Image Size Adjusting the size of the Image via this method expands the Image across cells in the direction of the arrows. If desired, users may click the arrows in the opposite direction to decrease the Image size.
8. ![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/2024-06-20_11h31_58.png)
9. Once desired configurations have been made, **Save** the Page, then close via **X**.