# Image

With the "Image" widget, you can upload a locally stored image and display it on the dashboard.

<div data-full-width="true"><figure><img src="https://3489494878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9GvUpaatBiReR43XFSMg%2Fuploads%2FnBwLrCtNniHUKZGifLey%2FADF81A79-2377-4082-9DC0-D61CB53A4A4C.png?alt=media&#x26;token=8540daec-add8-4d47-b373-8e8b041f9850" alt=""><figcaption><p>An "Image" widget in the dashboard</p></figcaption></figure></div>

## Configure Widget

{% @supademo/embed url="<https://app.supademo.com/demo/i_SW8nAOyhQI48q1Y2xZ2>" demoId="i\_SW8nAOyhQI48q1Y2xZ2" fullWidth="true" %}

1. Make sure you are in the Dashboard menu.
2. Click on "Add widget"
3. Click on "Image"
4. Select the primary asset. The name of this asset appears in the title bar of the widget.
5. Select the asset for which you want to add an image.
6. If other[ -> files are associated](/collection/mandatory-base/assets/attach-documents-to-assets.md) with the selected asset, they will be displayed.
7. Click on the "Upload file" field and upload an image file. Alternatively, you can also drop image files via drag and drop. Supported formats: .jpg, .png
8. Optional: Repeat the process to upload more images.
9. If multiple images have been uploaded: You can choose which image is displayed in the widget. Click on an image to select it. The selected image is marked with a black border.
10. Optional: Select how much space your new widget should occupy on the dashboard.
11. Click on "Add widget"


---

# 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.buildings.ability.abb/collection/platform/live-cockpit/widgets/predefined-widgets/image.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.