Part 3: Introduction to Graphic Pages

Help Contents

Introduction

Graphic pages provide operators with the information they need to manage their equipment.

Section Aims

In this part of the getting started guide you will try out the following tasks:

Create a Graphic Page Tag.
Add content to the Graphic Page.

Graphic Pages

In the Tag Window right-click the Getting Started folder and click Add new tag then Core then Graphic. Press Return to accept the default tag name:
Double-click the Graphic tag to open the Graphic Editor:
On the toolbar, click the Add Text Tool. Near the top left of the graphic editor drag a rectangle 150 units wide and 15 units high. Use the feedback provided in the status bar to get the correct size of rectangle:

When you have added the text rectangle, the drawing canvas should look like:
In the Properties Window enter the following values:

Property Value

Text Pump Monitor

FontSize 32

TextColor DarkSlateGrey

TextUnderline True

When complete the graphic page title should look like:
In the Tag Window select the Pump State tag:
Drag the Pump State tag onto the graphic page just below the title. When you release the mouse button a menu opens:
Select Current State Description. This action will do the following:
1. Add a Text to the graphic page.
2. Automatically configure Data Bindings and a Button Up Operator Action to link the text to the Pump State tag.
The graphic page should now display the state of the pump:

Note: The text will update as the state of the pump changes.
Drag the Motor Current tag from the Tag Window to the Graphic Page. Select Current Value and Units from the menu when you release the mouse button. The graphic page should now display the state of the pump and the motor current:
On the graphic page, select both the Pump State and Motor Current values. You can do this by holding the shift key down while clicking with the left mouse button. The selection should look like this:
Do the following:
1. In the Properties Window, change the FontSize property to 24.
2. Right-click the graphic page and select Align then Horizontal Left.
3. Press CTRL+SHIFT+A on the keyboard to cancel the selection.
The graphic page should now look like this:
Click the Save icon in the toolbar to save your work.