Skip to main content

Your first screen

In this tutorial you draw a tank on the project's first page and connect its level to the signal you created in the previous tutorial. You then watch its live value in the screen editor and save the page.

Before you begin​

Steps​

1. Start the project​

On the home page, right-click the project and choose Start. The Start project? window says that the project's drivers will connect to the field devices; click Start. The project's state changes to Running.

Home page after the start: Pump Station running in the project list and under Running project, with Uptime and 1 / 1 drivers running.

The project has to run so that its signals have values. Opening the screen editor does not start it.

2. Open the screen editor​

Double-click the project. The screen editor opens with the project's first page.

Screen editor with the empty first page and the WIDGETS list on the left.

3. Place a tank​

In the WIDGETS list on the left, click Tank. The Tanks side menu shows the kinds of tank. Click Vertical (dished heads) and drag a rectangle on the page. The tank appears with the name tank_1 and shows its design level, 50 %.

Tanks side menu open next to WIDGETS and a vertical tank tank_1 placed on the page.

The side menu stays open so that you can place more objects. Close it with ×.

4. Bind the level to the signal​

With the tank selected, find Level (%) under STATE in the PROPERTIES panel. Point at the row and click the chain icon, Bind to tag. The Signal picker opens and shows the signals of the project in a tree. Click Level_Setpoint.

Signal picker with Level_Setpoint selected in the tree and shown in the Path box.

5. Apply the binding​

Click Bind. In the PROPERTIES panel, Level (%) is now marked with a blue dot and shows the signal name, with Edit mapping below it. The level takes the signal's value as it is.

Level (%) row bound to Level_Setpoint, with Edit mapping below it.

6. Check it with live values​

Click Live preview at the right of the toolbar. The tank now shows the signal's value: 0%, because Level_Setpoint is 0.0. The row under Level (%) shows the same value, = 0.

Tank showing 0% with Live preview on, and = 0 under the Level (%) binding in the Properties panel.

The tank's level is a percentage from 0 to 100, so the signal should have values in that range.

7. Save the page​

Press Ctrl+S. A short message at the bottom says that the page was saved.

Screen editor after saving, with the saved message at the bottom.

Result​

The first page has a tank whose level follows Level_Setpoint. The page is saved in the project.

Next steps​