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.

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.

1280x800
1920x1080
Connection Strings