# iFrame

With the "iFrame" widget, you can embed websites in the eliona dashboard.

The embedded pages are interactive. This means that you can operate the embedded pages within the widget. For example, it is possible to scroll the pages, perform searches, etc.

<div data-full-width="true"><figure><img src="https://content.gitbook.com/content/Nyvwhz1kEMXcHf4HLuZ8/blobs/hL3Z9eJcHEFGFrzHgfoe/Bildschirmfoto%202023-09-28%20um%2011.27.18.png" alt=""><figcaption><p>The German Wikipedia, embedded in a dashboard via the "iFrame" widget. Wikipedia can be used within the widget as usual.</p></figcaption></figure></div>

{% hint style="warning" %}
**Warning!**\
Not all websites can be embedded. Owners of a website can prohibit their website from being embedded. These websites cannot be embedded.&#x20;
{% endhint %}

## When should this widget be used?

The "iFrame" widget is well suited, for example, to display news in a [-> Smart Assist View](https://docs.buildings.ability.abb/collection/english-v14/documentation/widgets/predefined-widgets/broken-reference) display.

Because the embedded websites are interactive, the widget can also be used to keep technical documentation within easy reach.

## Configure widget

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

1. Make sure you are in the "Dashboard" menu
2. Click "Add widget"
3. Click on "View"
4. Click on "iFrame"
5. Select the primary asset. The name of this asset appears in the widget title bar.
6. Enter the URL of the website to be embedded in the widget. \
   **IMPORTANT**: Enter the full URL, including the prefix ("http\://" or "https\://"). It is best to copy the website URL from the address bar of your browser.&#x20;
7. Specify a minimum height in pixels for the widget
8. Optional: Choose how much space your new widget should take up on the dashboard.
9. Click "Add widget"