The Pages configuration page defines the runtime pages available in the project. Each page is a named design surface that operators navigate to at runtime.
Pages are created and edited using the Design editor. The Pages configuration list controls page-level properties such as access restrictions, the library path, refresh time, and advanced viewport and scripting settings.
Pages are referenced by name from user Home Page settings, popup actions, and navigation buttons on design pages.
Select the Add button to create a new page from this list. The New Page dialog contains the Name, Library Path, User Groups, Refresh Time, and Assets fields. Select Create to add the page. If the name is already in use or is reserved by the system, the validation message is shown directly in the dialog and the page is not created. The remaining page settings use their default values and can be changed afterwards in the page settings dialog.
Page Settings
Each Pages row represents one project page. The row shows Name, Library Path, User Groups, Assets, and Refresh Time directly. Additional settings are available in the page settings dialog.
| Setting | Description | Example | Units / Format |
|---|---|---|---|
| Name | Unique name for this page. Referenced in navigation actions and user home page settings. | Overview | Text |
| User Groups | Comma-separated list of user groups that can view this page at runtime. Leave empty to allow Administrators only. | Operators,Supervisors | Text |
| Library Path | Optional path within the symbol library associated with this page. | Plant/Section1 | Text |
| Assets | Comma-separated Asset Manager node paths shown on this page. Every path must exist in the Asset Manager. A Navigator object sums the active alarms under these paths as the alarm count of this page when the page is listed in its Pages section; a page attached to an asset node inherits the count of that node instead. Renaming or moving an asset node updates the paths here as well. | WTP/Intake,WTP/Filtration | Text |
| Refresh Time | Automatic page refresh interval. Set to 0 to disable automatic refresh. | 0 | ms |
| Base Scale | Base scale factor applied to the page canvas. Used to control initial zoom level. | 1 | Text |
| Fit Mode | How the page meets the browser window in runtime. Off keeps the fixed page with zoom and pan. Scale to Fit scales the whole page uniformly into the window and centres it. Fit Width scales to the window width and scrolls vertically. Fluid sizes the page to the window and lets flow-positioned Containers rearrange. The designer always shows the page at its set size. In the design environment the page context also offers Preview Width (Phone, Tablet, Laptop, Desktop): it shows a Fluid page laid out at that width while editing and is not saved. | Off | |
| Max Width | Fluid only. The containers stop growing at this width and are centered with equal gutters on wider screens. Empty means no limit. | 1400 | Pixels |
| Disable Zoom | When enabled, prevents the operator from zooming the page at runtime. | false | Boolean |
| Disable Pan | When enabled, prevents the operator from panning the page at runtime. | false | Boolean |
| Allow Screen Notes | When enabled, the Screen Notes of this page are shown to every user who can open the page, and users with the Screen Note Edit Right add, move and remove notes through the runtime menu. Turning it off hides the notes of the page; the notes are kept and return when it is turned on again. See the Screen Notes article. | false | Boolean |
| Allow Quick Trend | When enabled, values on this page can be added to Quick Trend through the runtime menu. See the Quick Trend article. | false | Boolean |
| Style | Custom CSS applied to the page body. Use with caution; changes affect the entire page appearance. | CSS | |
| Replacers | JSON object defining symbol replacer values for popup group symbols on this page. | JSON | |
| Page Script | JavaScript executed in the context of this page at runtime. Use for page-level scripting logic. | JavaScript |
No rows match the filter.
Notes
Pages are created with the Add button on this page or in the Design editor. Adding a page in the design editor automatically creates an entry in the Pages list. Page-level settings such as User Groups and Refresh Time are managed here.
User Groups on a page restricts which users can navigate to it at runtime. Users not in the listed groups will not see the page in navigation and cannot access it directly. A Navigator object hides such pages, or shows them greyed with a lock, depending on its Restricted Pages setting.
Keep page names stable after the project is in production. Renaming a page requires updating all references in navigation actions, user home pages, and popup configurations. The Page link of an Asset Manager node follows a rename automatically and is cleared when the page is deleted.
The Style and Page Script fields are advanced. Incorrect values in Style can break the page layout. Page Script executes as JavaScript in the browser context of that page.
Allow Screen Notes and Allow Quick Trend are also set in the Page Decorator of the editor, after Disable Pan. Both are off by default, and a change applies after the next page load. The runtime menu of both features opens with a right-click, or with a press and hold on a touch screen; on a page with both settings off, a right-click at runtime does nothing.