Zones (PA)
This page covers how to add, select, move, duplicate, edit, and delete zones.
How to Add a Zone to a Page or Template
You can use zones to create clickable areas that open other pages and panels, or to create color-coded data visualization overlays.
To create a zone:
- Open the page or template in the Page Editor or Template Editor.
- Choose the correct tab:
- If you are editing a page, choose the Zones tab.
If you are editing a template, choose the Equipment or Widgets tab.
Note
If you choose the Widgets tab, the zone can be resized using the Widget Scale slider.
- If you are editing a page, choose a layer group, or leave the layer group as Default. See Layers.
- Select the Draw Zone tool.
- Draw the zone:
- Click to add each vertex.
- Double-click to add the last vertex and finish the shape.
- Right-click anywhere in the canvas to undo the last vertex.
Tip
Press Esc to cancel the entire polygon.
The following image demonstrates how to create a zone on a location page.
The following image demonstrates how to create a zone on a device template.
How to Select Zones
The following interactions select one or more zones:
- Choose the Select tool, and then click the zone.
- Choose the Select tool, and then click and drag to create a selection rectangle.
- Choose the Select tool, and then hold Shift while clicking zones to add them to the selection or remove them from the selection.
How to Edit Zone Vertexes
To edit the vertexes of the currently selected zone:
- Click the Edit Zone tool, or right-click the zone and choose Edit Vertex.
- Edit the zone:
- Double-click anywhere in the canvas to add a new vertex.
- Right-click a vertex to delete it.
- Drag a vertex to move it.
The following image demonstrates how to edit zone vertexes.
How to Redraw a Zone
The Redraw command deletes the selected zone and chooses the Draw Zone tool automatically. The zone that you immediately draw has the bindings of the deleted zone.
Tip
If you cancel the redraw action by right-clicking, the deleted zone reappears.
To redraw a zone:
- Right-click the Zone, and choose Redraw.
- Draw the new zone.
How to Move Zones
To move the selected zone or zones:
- With the Select tool as the active tool, click one of the selected zones and drag to move.
How to Copy and Paste Zones
Zones are pasted with the same positions as copied objects. You can copy in one tab and paste in another tab.
To copy and paste the currently selected zone or zones:
- Use the Select tool to select the zone.
- Right-click the zone and choose Copy.
- Use the layer group tabs to choose the layer group where you want to paste the zone.
- Right-click in the canvas, and choose Paste.
How to Duplicate Zones
Zones are duplicated with the same position, layer group, and Editor tab as the original zone.
To duplicate the currently selected zone or zones:
- Right-click the zone and choose Duplicate.
How to Delete Zones
The following interactions delete the currently selected zone or zones:
- Right-click a selected zone, and choose Delete.
- In the toolbar, click the Delete tool.
How to Edit Zone Properties
The following interactions open the Project Assist Property Inspector so that you can edit zone properties. See also: Zone Properties.
- Right-click the selected zone, and choose Edit Properties.
- With the zone selected, toggle the Properties icon in the toolbar.
The following image demonstrates how to set a zone background color as always purple.
The following image demonstrates how to set a zone border color to be determined by metric status.
The following image demonstrates a zone that has a higher opacity on mouse-over.
Zone Properties
The following image shows the zone properties in the Project Assist Property Inspector.
Note
The zone’s binding source does not appear in the Property Inspector. To see the binding source, mouse over the zone when you preview the project. See: Bindings, Preview and Modules.
The following is a list of zone properties.
Property | Purpose |
---|---|
Background Color (default property) | Specifies how the background color is determined. The value of Background Color can be one of the following:
|
Background Custom | If the Background Color property is set as Custom, this property determines the color of the zone background. This property can also be used to set opacity. |
Border Color | Specifies how the border color is determined. The value of Border Color can be one of the following:
|
Border Style | Specifies the type of line used for the border. The Border Style can be None, Dotted, Dashed, or Solid. |
Border Size | Specifies the width of line used for the border. |
Border Custom | If the Border Color property is set as Custom, this property determines the color of the zone border. This property can also be used to set opacity. |
Opacity Default | Sets the relative opacity when the cursor is not over the zone. |
Opacity Mouseover | Sets the relative opacity when the cursor is over the zone. |
Opacity Duration | Sets the length of time that the opacity takes to change. If Opacity Duration is set as the minimum, the opacity changes immediately on mouse-over. |