Niagara 4 Floor Plan Zoning with Values
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.
Setup
1. Add to Px
Drag a FloorPlanZoning widget from the palette to the 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.
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.
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.
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.
Result: