Adding an HTML Source to a Dashboard: iframe Widget

I want to define an iframe Widget

The properties for the Iframe Widget are:

Dashboard Designer - iFrame Widget_Properties

iframe Widget Properties

For the task of ...

I need to ...

Changing the Title of the iframe on the Dashboard.

Update the Title

Adding a Description of the iframe

Update the Description

Applying a specific style to the widget

A CSS Class can be used by Designers to apply specific CSS to the widget, enhancing the ability to individually style widgets.

The CSS will apply to all items within the widget.

Controlling the size of the iframe on the Dashboard

Choose the iframe Size from one of these Options:

  • Percent:
    - Width in % of the target cell where the iframe has been placed.
    - Height in % will only work in very limited scenarios
  • Pixels: user can manually size the iframe, by determining the fixed height and the width in pixels.

Defining the Source for the iframe content

Select the relevant HTML Source for the Widget.

These are in Admin Menu path separator HTML Libraries Menu path separator HTML Source

Showing an iframe without the border panel and a title

Select the Other options: Hide outside border panel.

 

See Also

How to Build a Dashboard

Adding Images to a Dashboard: the Image Widget

Adding direct Links to a Dashboard: Link Widget

Adding a List View to a Dashboard: List View Widget

Adding a Map to a Dashboard: Map Widget

Adding Visualizations to a Dashboard: Visualization Widget

Adding a Parameter: Visualization Parameter Widget

Adding Calendars to a Dashboard: Calendar Widget

Dashboard Properties