The iFrame gadget lets you easily embed iframeable content into your digital workplace.

Sections in this article:   

• Setting it up
• Using it

Setting it up

Placing it

You set up gadgets in a way similar to widgets (see, Placing and setting up a widget). However, instead of selecting a gadget directly from the widget carousel, select the Integrations widget. When editing the Integrations widget, select the Igloo Gadget Depot; then select the gadget you want to configure. For information about gadget-specific configuration options, refer to the options below. 

Options tab

General options

• Title: Enter a title for the gadget. The title appears as a heading above the gadget's contents. You should use the title to give users an idea of why the gadget's content is important to them or highlight the content's purpose. Titles also serve to better structure the content of a page by clearly denoting different sections. When entering a title, you do so only for your currently selected language. If your digital workplace supports multiple languages, you should select Translation and enter a title for each supported language.  
• Title link: Enter the URL of a location in your digital workplace. Users who click the gadget's title, if it has one, will go to this location. Whether you enter the link as a relative URL or absolute URL does not matter, it will convert to an absolute URL the next time you edit the gadget. 
• Description: Enter a description for the gadget. The description appears between the title and the gadget's contents. You can use this text to provide additional context to the gadget or instructions for using the gadget. When entering a description, you do so only for your currently selected language. If your digital workplace supports multiple languages, you should selectTranslation and enter a description for each supported language. 

Gadget options

• URL: Enter the URL of the content that you want to embed. Some sites do not allow their content to be embedded. If a site provides an embed code, you can copy the URL found in that and paste it into this field. For example, if you wanted to display a wind map from windy.com, you would generate an embed code (functionality provided on their site) and copy the URL portion of that code:
  
  

  <iframe width="650" height="450" src="https://embed.windy.com/embed2.html?lat=43.442&lon=-80.422&detailLat=43.442&detailLon=-80.422&width=650&height=450
  &zoom=5&level=surface&overlay=wind&product=ecmwf&menu=&message=&marker=
  &calendar=now&pressure=&type=map&location=coordinates&detail=
  &metricWind=default&metricTemp=default&radarRange=-1" frameborder="0"></iframe>
  
  

Layout tab

There are no layout options available for this gadget. 

Appearance tab

Use the Class field to add custom CSS to this gadget. 

Your digital workplace's CSS theme overrides the other settings here, so these settings will not change the gadget's appearance.

Using it

How you interact with the content in the gadget depends on what that content is and the tools it provides.