Functional explanation
WebFrameObject embeds a page in an iframe. It is used to show external or internal web content inside the runtime page.
The object is useful when the operator needs to view a secondary web page without leaving the main process page. It is commonly used for dashboards, embedded portals, and browser-based tools.
Use it only when embedded web content is necessary. Verify that the source page is reachable in the production environment and behaves correctly inside an iframe.
Object name
Set the object name shown in the web frame decorator context.
| Setting | Description | Example | Units |
|---|---|---|---|
| Object Name | Name used to identify the Web Frame object. | OperatorPortalFrame | Text |
No rows match the filter.
Settings
Configure the source URL and iframe behavior for the web frame.
| Setting | Description | Example | Units |
|---|---|---|---|
| URL (HTTPS) | Target URL shown in the iframe, or the name of a variable holding it. URL (HTTPS) opens a text editor for long addresses; the variable button next to the field opens the variable list. | https://intranet/portal | URL or variable |
| Static Page | Enables static page mode with a refresh interval. | true | Boolean |
| Refresh | Refresh interval used when static page mode is enabled. | 10 | Seconds |
| Post Message Enabled | Enables postMessage integration with the embedded page. | true | Boolean |
| Post Message | Message payload sent to the embedded page. | {"event":"refresh"} | JSON |
No rows match the filter.
Position / Size
Configure the position and size of the Web Frame object.
| Setting | Description | Example | Units |
|---|---|---|---|
| Top | Top position of the object. | 100 | px |
| Left | Left position of the object. | 220 | px |
| Width | Width of the object. | 600 | px |
| Height | Height of the object. | 400 | px |
| Z-index | Layer order of the object. Higher values appear in front of lower values. | 10 | Number |
No rows match the filter.
Border
Configure the border styling for the Web Frame object.
| Setting | Description | Example | Units |
|---|---|---|---|
| Border Color | Border color used for the frame. | #CED4DA | Color |
| Border Color States | Dynamic border color state rules JSON array. | [{"state":"alarm","color":"#dc3545"}] | JSON array |
| Border Width | Border width used for the frame. | 1 | px |
| Border Radius | Corner radius of the frame border. | 4 | px |
| Border Visibility | Expression controlling whether the border is visible. | SYSTEM.UserGroups == "Operators" | Expression |
| Border Blink | Expression or boolean controlling border blinking. | PLC1.AlarmActive | Boolean or expression |
| Border Blink Speed | Blink speed used for the border. | 500 | ms |
| Border Blink Offset | Blink offset used to stagger border blinking between objects. | false | Boolean |
No rows match the filter.
Visibility
Configure the runtime visibility and blinking behavior for the Web Frame object.
| Setting | Description | Example | Units |
|---|---|---|---|
| Visibility | Expression controlling whether the object is visible. | PLC1.WebFrameVisible | Expression |
| Blink | Expression or boolean controlling frame blinking. | PLC1.AlarmActive | Boolean or expression |
| Blink Speed | Blink speed used during runtime. | 500 | ms |
| Blink Offset | Blink offset used to stagger blinking between objects. | false | Boolean |
No rows match the filter.