What are Pages?

»In HELIO HMIs can be structured into different pages, similar to webpages. HELIO comes with a variety of Page Types, with each page serving a specific purpose.«

HELIO allows operators to navigate between pages using the Navigate to Page (Action).

There are different types of pages, such as the Dashboard Page or the Parameter Page. Each type solves different use cases. All of the pages are available in your HMI's navigation by default. However, you can restrict or disable a page's availability in the navigation.

What is an Overlay?

»An overlay is a container that floats in front of the current page. It is usually used to accomplish a sub-task without loosing the context of the current page.«

Since every page in HELIO is responsive by default, you can open each page as an overlay using the Open Page as Overlay (Action) . Once the task is completed, the operator can close the overlay and return to the page that originated it.

Common Tasks

Excluding A Page From Navigation

1. Navigate to the page you don’t want available in your navigation menu.
2. Within properties panel you will find the Navigation section. Deselect the include in navigation property.
3. This page will no longer appear in the navigation menu of your HMI.

Editing the Transition of an Overlay

1. Navigate to anywhere a page is opened as an overlay. As an example you could use the Alarming cell within the header of the Playground project!
2. Within the properties panel you will find the On click action, which is set to Open Page as Overlay. Here you will find settings regarding the placement, animation and size of the overlay. Try all the different options and see which one you like best!

Adding an Embedded Navigation Menu to a Group of Pages

1. Navigate to any page group in your HMI.
2. Within the properties panel you will find a section called Navigation. Check the Embed group in navigation on pages option. Now all the pages within your group will have an embedded navigation menu!