Adding information to a graphic view
You can use labels to display information, such as images, static text, and dynamic information on your graphic page.
Prerequisites: The graphic view is available from the web UI and the information to add is available to the station to which
you are connected.
- Add a label by right-clicking on the canvas pane and selecting . You can use the label properties palette to add text and formatting, as desired.The image below shows static text used as a room label (“Room 401”). The label properties are edited to supply the text, a border and background shading.
- Add dynamic information (such as room temperature or occupancy count) to the graphic page by doing the following.NOTE: Adding dynamic information requires that you have information values (such as numeric point values) available in your station logic so that you can bind that information to a widget on the graphic view.
- Add a new label, and then in the label’s Properties window, click the Add Binding button (
). Select bajaui:Value Bindingin the ord property, then browse to connect the ord property to a desired control point in the station and click OK. With the ord connected, the value is now available to be assigned to the label text property field.As an example, you may have some logic in your station that calculates room occupancy based on door entry and exit values. You can connect this field to the numeric point that has that information and display it in the label. - To display the bound value in the label, right-click inside the text property, choose Animate from the popup menu to display the Animate window, as shown below. Use the BFormat field (Format) to designate the desired dynamic value and click OK.
The graphic now has a label and dynamic value that displays changing information such as occupancy or room temperature.
- Add a new label, and then in the label’s Properties window, click the Add Binding button (
- To save your changes, click the Save button (
) on the toolbar at the top of the view.
The graphic page displays values with updates.
Following is an example of a page that has more information. 