Functional explanation
WidgetObject embeds custom HTML, CSS, and JavaScript. It is intended for advanced custom behavior that cannot be built with the standard objects.
The object is useful when a page needs custom controls, specialized rendering, or embedded logic that is easier to express as HTML than as a fixed design object.
Use WidgetObject only when the standard object set is not sufficient. For common controls and graphics, standard objects are easier to support and troubleshoot.
Object name
Set the object name shown in the widget decorator context.
| Setting | Description | Example | Units |
|---|---|---|---|
| Object Name | Name used to identify the Widget object. | CustomWidgetPanel | Text |
No rows match the filter.
Settings
Configure the embedded HTML and widget behavior.
| Setting | Description | Example | Units |
|---|---|---|---|
| HTML | Embedded HTML content used by the widget. | <div>Custom content</div> | HTML |
| Clickable | Makes the widget respond to clicks when enabled. | true | Boolean |
| Border Color | Border color used for the widget. | #CED4DA | Color |
| Border Width | Border width used for the widget. | 1 | px |
| Border Radius | Corner radius of the widget border. | 4 | px |
No rows match the filter.
Position / Size
Configure the position and size of the Widget 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. | 320 | px |
| Height | Height of the object. | 180 | 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 Widget object.
| Setting | Description | Example | Units |
|---|---|---|---|
| Border Color | Border color used for the widget. | #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 widget. | 1 | px |
| Border Radius | Corner radius of the widget 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 Widget object.
| Setting | Description | Example | Units |
|---|---|---|---|
| Visibility | Expression controlling whether the object is visible. | PLC1.WidgetVisible | Expression |
| Blink | Expression or boolean controlling widget 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.