Table of Contents

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:

  1. Open the page or template in the Page Editor or Template Editor.
  2. 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.

  3. If you are editing a page, choose a layer group, or leave the layer group as Default. See Layers.
  4. Select the Draw Zone tool.
  5. 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.

How to Add a Zone to a Page or Template

The following image demonstrates how to create a zone on a device template.

How to Add a Zone to a Page or Template


How to Select Zones

The following interactions select one or more zones:


How to Edit Zone Vertexes

To edit the vertexes of the currently selected zone:

  1. Click the Edit Zone tool, or right-click the zone and choose Edit Vertex.
  2. 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 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:

  1. Right-click the Zone, and choose Redraw.
  2. Draw the new zone.

How to Move Zones

To move the selected zone or zones:

  1. 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:

  1. Use the Select tool to select the zone.
  2. Right-click the zone and choose Copy.
  3. Use the layer group tabs to choose the layer group where you want to paste the zone.
  4. 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:


How to Delete Zones

The following interactions delete the currently selected zone or zones:


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.

The following image demonstrates how to set a zone background color as always purple.

How to Edit Zone Properties

The following image demonstrates how to set a zone border color to be determined by metric status.

How to Edit Zone Properties

The following image demonstrates a zone that has a higher opacity on mouse-over.

How to Edit Zone Properties

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:

  • None—There is no background color.
  • Value—The color is determined by the layer.
  • Status—The color is the status color of the bound metric.
  • Custom—This color is defined in the Property Inspector. It can be a binding or a selected color.
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:

  • None—There is no border color.
  • Value—The color is determined by the layer.
  • Status—The color is the status color of the bound metric.
  • Custom—The color is defined in the PI. It can be a binding or a selected color.
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.