Pages
What are Pages?
Pages are the individual screens of your user interface where you display data or provide control options — for example, to operate machines, show diagnostics, or switch modes.
Each Page acts like a digital surface that runs in the browser — on Web Panels (e.g. WP400), desktop PCs, or even mobile devices.
Why do you need Pages?
Use Pages whenever you want to:
- Build user interfaces (e.g. dashboards, control panels)
- Create multiple views for different roles (e.g. operator, technician, admin)
- Structure your UI logically with multiple pages and navigation
What can a Page contain?
Using the visual editor, you can drag and drop:
- Buttons (e.g. On/Off)
- Sliders
- Value displays (e.g. temperature, pressure)
- SVGs (icons or illustrations)
- Trend displays
- Bargraphs
All elements can be connected directly to variables in your control logic using Connection Strings.
Page Resolution
You can define a custom resolution for each page — e.g. 1920x1080 for large screens or 1280x800 for industrial Web Panels.
This ensures optimal display on any target device.
Live Updating
Page content updates automatically in soft-realtime — meaning nearly instantly.
Example: A sensor value changes, and the display updates without reloading the page.
Page Navigation
Pages can be linked together:
- Via Button: "Go to Page XY"
- Via Logic: "If temperature > 100°C → open warning page"
- Via Start Page setting: One Page opens by default on startup
Additionally, you can create a new page and navigate between pages using the menu (burger icon).
What you can do with Pages
- Create new pages
- Duplicate existing pages
- Delete pages
- Save pages as templates
- Organize pages into logical groups
| Feature | Includes Layout | Reusable | Typical Use |
|---|---|---|---|
| Page | Yes | No (but duplicable) | Full user interface views |
| Template | Yes | Yes | Reusable container with layout |
| Combined Control | No (content only) | Yes | Reusable logic blocks (e.g. buttons + logic) |
Summary:
Pages are the foundation of your interface.
This is where you build the layout, link logic, and place UI elements.
Once you understand how Pages work, you can design any kind of HMI, dashboard, or control interface — without needing to code.