Skip to content

Router

The Router is an automation symbol for a network router. It is found in the Automation - OpenBridge section of the Perspective Component Palette as Router.

It is meant to be placed in a mimic or diagram, typically in a coordinate container, with its properties bound to the state of the device. The Router shows the state it is given; it does not change it, and clicking it does nothing unless you configure an event.

Router with a tag

The Router is one of the automation buttons. The readout and tag, the alert frame, the progress ring, the badges, the size and the positioning are shared by all of them and are described in Automation Buttons — Common Features. This page covers what is specific to the Router.

A Router dropped from the palette with default properties:

Router with default properties

Bind on to the tag or property that holds the state of the device. The symbol is drawn filled and grey when on is false, and as an outline when it is true. The status row of the readout shows Off or On.

Off On
Router off Router on

alternativeIcon selects which symbol is drawn. There are 2 icons. The table shows every icon off and on, for both values of variant:

alternativeIcon square, off square, on flat, off flat, on
router (default) router, square, off router, square, on router, flat, off router, flat, on
router2 router2, square, off router2, square, on router2, flat, off router2, flat, on

Use the same icon for the same kind of device throughout a project.


variant selects whether the icon is drawn on a button or directly on the background:

  • square (default) — the icon sits on a square button with a border.
  • flat — only the icon is drawn, larger and without a button. Use it where the symbol is part of a line diagram.
square flat
Square variant Flat variant

orientation rotates the icon so that it follows the line it is part of. The readout is not rotated. verticalRight rotates the icon 90° clockwise, verticalLeft 90° counter-clockwise.

horizontal verticalRight verticalLeft
horizontal verticalRight verticalLeft

Name Description Property Type
on Whether the device is on. Selects the on icon and the On status row. Default false. value
alternativeIcon Which icon to draw: router, router2. Default router. value
variant square draws the icon on a button, flat draws only the icon. Default square. value
orientation Rotation of the icon: horizontal, verticalRight or verticalLeft. Default horizontal. value

The Router is an automation button. The properties below work in the same way on every automation button, and are described in Automation Buttons — Common Features:

  • Readout — The readout next to the symbol: the status row and the tag name. Properties: showReadoutStack, readoutPosition, readoutSize, showStatus, hasTag, tag.
  • Positioning — Which part of the button is aligned to the component’s box. Properties: positioning.
  • Size — Size of the whole component. Properties: componentSize.
  • Activated — Highlighted background that marks the symbol as selected. Properties: activated.
  • Alert Frame — Alert frame around the symbol. Properties: alert, alertFrameType, alertFrameStatus, alertFrameMode, alertFrameThickness, showAlertCategoryIcon, showAlertIcon.
  • Progress — Progress ring while a command is carried out. Properties: progress, progressMode, progressValue.
  • Badges — Badges in the corners of the symbol. Properties: badgeControl, badgeAlert, badgeInterlock, badgeCommandLocked.
  • Style — Standard Perspective style object.

The Router has no component events of its own. The standard Perspective events, such as onClick, are available in the component’s event configuration. See Operating a Device.

Built on the OpenBridge Design System