Image Page

Purpose: Enable operators to view an Image and use previously set markers to view details or execute specified actions.

About

An Image Page is designed to display an image that can have multiple markers. When clicked these markers can perform different actions according to the needs of the HMI.

Anatomy

1. Title and Icon

2. Image

---

Page Properties

General

Title

Will be displayed in the navigation and the page header.

Page reference

This optional property lets you define unique short code that is human readable and helps to refer to that page without specifying its actual name. This is helpful especially in multilingual environments because

• It helps your Support-Team to quickly navigate users.
• It can be picked up by the product manual and documentation.

Example reference in main navigation

Example reference in the page title

Icon

This icon will be displayed in the main navigation, the page header, and inside an embedded navigation of a Page Group.

Main Navigation

Show/Hide Page

Each page is automatically displayed in the main navigation. If you do not want the page to be visible in the main navigation, select `Hide page`. The page will remain reachable and can be opened as an overlay or navigated to directly.

Page Section Conditions

Page header

The Page's Header will be displayed by default. Select this option to choose to hide the Page header generally or set conditions for when you want to hide it, for instance on smaller displays.

Display Condition

Condition

Determines whether an element or page should be visible or hidden to the current user. The condition can be set to different types of Dynamic Property – as long as the the type returns true or false you're good to go.

Placing Markers

A very common use case is to place interactive markers on images and display help or page overlays. See Image for details.

Related

Elements

Image