User Manual

Graphics engineering

Dashboards

A6V11604297_en--_e

165 | 196

6.4.6 Adding external media to a dashboard

External media, such as a YouTube video, can be embedded in a dashboard by using an HTML inline frame

(<iframe>) and the Ractive component in Graphics Builder. For more information on Ractive, see

https://ractive.js.org/.

The example in this section embeds a weather widget provided by meteoblue (https://www.meteoblue.com).

The process to use a different widget should be similar to the steps outlined.

1. Get the widget you want to use. Do the following for this example:

a. Go to https://www.meteoblue.com/en/weather.

b. From the left menu, select the widget you would like to integrate.

2. Select the options to configure your widget.

3. When the widget is configured, copy the HTML code in the field at the bottom of the page.

4. Drag-and-drop a Ractive component from COMPONENTS onto the work area.

5. Select the Ractive component.