Niagara 4 Floor Plan Zoning with Values

Works Software
3 min readNov 26, 2018

--

Overview

The Floor Plan Zoning widget allows you to add polygon shapes over an image and display point values. In design mode create polygons with ord references. When the widget is locked the image is displayed with clickable polygon areas. Point values update in real-time. The widget can be found here:

Usage

1. Copy the floorPlanZoning-ux.jar file to your modules directory.
2. Open the module from your palette file.
3. Drag and drop the widget from the palette onto your px view.

Properties

The widget has a few configurable properties that can be used to modify look, feel, and functionality. Change the properties as required.

Floor Plan Zoning Properties

Setup

1. Add to Px

Drag a FloorPlanZoning widget from the palette to the PX Page.

Add Widget to PX Page

2. Set Properties

Set the image property.

Set the widget value binding. Set this to the location of the graphics e.g. station:|slot:/Drivers/NiagaraNetwork

NOTE: you must set this to a station object otherwise the polygon configuration will not save.

3. Save the PX

Save the PX Page and open up Workbench Browser or your normal browser to setup the polygons.

4. Create Polygons

Create polygons over the areas required. Use the tools at the top to add new polygons or set ords. Ords should point to numeric points/writeables.

Create Polygons

Save often and test. NOTE: to start all over just delete the slot named floorplanConfig on the widget value binding you set earlier.

5. Set Ord

Set ord values by selecting each polygon and then clicking the check mark icon.

Save Ord for Polygon

6. Save Config

When you’re happy with all the polygons and ords, click the save icon in the top right to save the config. The config is saved as a dynamic slot on the widget value binding you set earlier.

Save Config

7. Lock the Widget

In Workbench, go back to the widget properties and set the locked property to true.
This will hide the widget tools and show the image with all polygons and links.

Lock Widget

Result:

--

--

Works Software
Works Software

Written by Works Software

Works Software is a software development and integration company specialising in integrating different types of systems, technologies, and developing software.

No responses yet