Part 3: Introduction to Graphic Pages

Help Contents


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:

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

Graphic Pages

  1. 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:

    The Tag Window showing a newly created graphic page tag

  2. Double-click the Graphic tag to open the Graphic Editor:

    The new graphic page open in the graphics editor

  3. On the toolbar, click the Add Text Tool 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:

    Status bar feedback while adding text.

    When you have added the text rectangle, the drawing canvas should look like:

    New text rectangle in the graphic editor.

  4. In the Properties Window enter the following values:

    TextPump Monitor

    When complete the graphic page title should look like:

    Graphic Page Title after setting properties.

  5. In the Tag Window select the Pump State tag:

    The tag window with the Pump State tag selected.

  6. Drag the Pump State tag onto the graphic page just below the title. When you release the mouse button a menu opens:

    The menu of binding options for the Pump State Tag.

  7. 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:

    The graphic page showing the pump state.

    Note: The text will update as the state of the pump changes.

  8. 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:

    The graphic page showing the pump state and motor current.

  9. 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:

    The graphic page showing two items selected.

  10. 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:

    The graphic page after final edits.

  11. Click the Save icon Save icon in the toolbar to save your work.

Next Steps

Continue with Part 4: Historian and Trends.

Further information

Graphic Editor

To learn about editing graphic pages.

Configuration Tool

To learn more about the Configuration Tool.


For the meaning of terms used in Fernhill SCADA.