This page covers how to add, select, move, duplicate, edit, and delete zones.
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:
If you are editing a template, choose the Equipment or Widgets tab.
If you choose the Widgets tab, the zone can be resized using the Widget Scale slider.
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.
The following interactions select one or more zones:
To edit the vertexes of the currently selected zone:
The following image demonstrates how to edit zone vertexes.
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.
If you cancel the redraw action by right-clicking, the deleted zone reappears.
To redraw a zone:
To move the selected zone or 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:
Zones are duplicated with the same position, layer group, and Editor tab as the original zone.
To duplicate the currently selected zone or zones:
The following interactions delete the currently selected zone or zones:
The following interactions open the Project Assist Property Inspector so that you can edit zone properties. See also: Zone Properties.
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.
The following image shows the zone properties in the Project Assist Property Inspector.
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. |