×

Supercharge your Proficy solution! Download a free trial of Proficy Operations Hub, CSense analytics, and more. Explore our Proficy 2025 releases!

Important Product Information
Getting Started with Operations Hub
User Guide
- Overview
- Applications
- Entities
- Queries
- Plug-ins
- Events
- Email Templates
- Parameters
- Users
- Roles
- Administration
- Data Sources
- Pages
- Navigation
- Explorer
- Themes
- Settings
- Widgets
  - About Widgets
  - Native (Classic)
  - Integration/System
    - Integration/System Overview
    - Inputs
    - Charts
    - HMI
    - Display
    - Maps
    - General
      - General Overview
      - Breadcrumb
        The Breadcrumb widget provides a navigational trail that helps you track your location within an asset model hierarchy.
      - Favorite Organizer
        Use the widget to create folders and organize your favorite trend charts.
      - HTML Editor
      - iFrame
        Use the iFrame widget to load content from another website within Operations Hub.
      - Task Client
    - Batch
  - HMI Graphics
  - Widget Tutorials
    This topic provides video introductions to some of the most widely used integration widgets in Operations Hub. View these videos to get started with these commonly used widgets.
- Scripts
- General Reference
- APIs
- Troubleshooting
- Glossary of Terms

iFrame

Use the iFrame widget to load content from another website within Operations Hub.

Operations Hub New Layout	Refer to Visuals Tab for more information on the layout of widgets in Configuration Hub.
Operations Hub Classic Layout	Refer to About Widgets

iFrame Properties

Field Name	Description
URL	See Set Up Data Binding for Widgets
Hide Scrollbars	If selected, hides the scroll bar. The horizontal and vertical scroll bars appear only when the content in the iFrame widget extends beyond the widget's width and height.
Enable Full Width	If selected, the iFrame widget occupies 100% of the width of the container. Enabling this property overrides the Width (px) set for the widget.
Width (px)	If you do not select Enable Full Width, then set a width for the iFrame widget in pixels.
Height (px)	Set a height for the iFrame widget in pixels.
Border Style	To apply a border to the iFrame widget, select from any of the available styles, or select None for no border. Solid: Applies a solid border Inset: Applies a 3D inset border Outset: Applies a 3D outset border
Border Width (px)	Enter a value that defines the thickness of the iFrame border.
Border Color	Select a color to apply to the four borders of the iFrame widget.
Hidden	Select this check box if you want to hide the widget. To show the hidden widget in Operations Hub new layout, go to Page Visuals and under Action column, select for the hidden widget. See Page Visuals Tab.

iFrame at Runtime

Note:

When you print preview a webpage, it may not look like the actual web page. The print stylesheet formats the web page to print in a user-friendly format.
Some website URLs may not load within an iFrame due to their security policies.
To load YouTube videos within an iFrame, use the video’s embed URL.