Contact Us

Exhibits Documentation A guide to building exhibits using Spotlight

iFrame

The iFrame widget enables the exhibit creator to embed iFrame-based code into exhibit pages. This code is often provided by third-party services but can also be manually created.

Accessing the iFrame widget

To use the iFrame widget on a Home page, Feature page, or About page, navigate to your dashboard and select the page you wish to edit from the Curation sub-menu. You can also get to the same editing interface by clicking the blue edit button at the top right corner of a Home page, Feature page, or About page. For more information, see Selecting and Formatting Widgets.

Once you are editing the page, click on a grey "+" to reveal a new undefined widget. Next, click on the blue "+" to the left of the widget to open up the widget menu, then choose the iFrame widget from the list of Standard widgets. You should see the options in the image below.

quote.png
iFrame widget on the menu bar

Examples of the iFrame Widget

Google Map Example

The following example code embeds the above Google Map centered on Santa Barbara, California:

Screen Shot 2019-06-10 at 12.55.40 PM.png

Esri Story Map Example

Timeline JS Example

Community examples

Stanford University is using a combination of the iFrame widget and other tools to add timelines and interactive maps.

Examples: