Embed Content Component designstudio pro icon

Embed Content Component

The Embed Content component allows you to load external web pages by copying and pasting an iframe tag. HTML Iframes are useful for inserting external content (such as images, videos, media, and so on) onto the dashboard. An iframe creates a wall between the host website and the third party as they do not have access to each other.

Dashboard views are available in DesignStudio Pro. Contact your Client Success Manager (CSM) for additional information.

In the following graphic, a map from Windy.com is embedded as an iframe.

Embed Content Example

In the following graphic, an iframe from the Center for Systems and Engineering is displayed.

Embedded Content Example

Settings

Embed Content Settings

The following settings are available.

Embed Content Settings fields
Field Description Procedure

Embedded Content

Iframe HTML code that embeds the content.

  • The code must be valid.

  • The iframe code must begin with <iframe> and end with </iframe>.

Websites often allow you to copy the code. Paste it into the Embedded Content field.

Icons

The following tool icons are available.

Tool icons and descriptions
Icon Name Description Procedure
Settings Icon

Settings

Displays the Embed Content Settings window, in which you can modify the iframe's HTML code.

  1. In Design mode, in a Dashboard view, click the component on the canvas. A toolbar appears on the top right.

  2. Click the Settings icon.

  3. Modify the iframe code as needed.

  4. Click Done.

Delete Icon

Delete

Deletes the current iframe.

Click the Delete icon.