Brand:

• AMX
• BSS Audio

Models:

• AVX Architect

Overview:

This article will explore the CONTROL LIBRARY of the UI DESIGN view and look at the Rectangle and Oval shape objects.  

To see a video of this article, click HERE.

Description:

Both objects are found in the COMMON CONTROLS section of the CONTROL LIBRARY in the UI DESIGN view.  These objects can be used to create images or clarify a system design.
 

The example below uses shapes with different colors to represent a simple system in the form of a venue map. The colored shapes make it easy to identify which area is affected by the corresponding volume control.  

The Rectangle and Oval objects can be bound to a binary parameter.  The shapes will show the On color when the parameter is high and the Off color when it is low.  These objects can also be bound to discrete and continuous parameters but these types of bindings have limited use cases.  

Adding the Rectangle and Oval objects

After a panel has been created, click and drag the Rectangle or Oval from the CONTROL LIBRARY in the left pane onto a panel page workspace.

Properties​​
 

The object's name, coordinates and size can be adjusted in the GENERAL section of the PROPERTIES pane or by directly clicking on the object and moving it around the workspace using the handles to resize.  Click the padlock icon to maintain the aspect ratio of the object.  The object's border width and corner radius can be adjusted in the STATE STYLES section.  The background color, opacity and border color can be adjusted individually for the On and Off states.

​​Assigning a Parameter

Expand the Devices section in the PARAMETERS TREE or use the search function to locate the parameter to associate with the shape object.
 

In the following example, the mute function of this gain object will be bound to the Rectangle and Oval objects.  Click and drag the parameter from the PARAMETERS TREE directly onto the shape objects. 

The appearance of the object will not change but the bound parameter will be shown in the PARAMETER BINDINGS section of the PROPERTIES pane. 
 

The Oval is configured with a green color for the Off state and a color with an opacity of 0 for the On state in the STATE STYLES section of the PROPERTIES pane.
 

The Rectangle is configured with a grey color for the Off state and with a red color for the On state in the STATE STYLES section of the PROPERTIES pane.
 

The resulting functionality can be tested by operating the panel.  Click the Operate symbol on the top-right of the UI DESIGN view.
 

The Oval will be green and the Rectangle will be transparent when the Mute is off.
The Oval will be trasnparent and the Rectangle will be red when the Mute is on.
The associated mute button has been added to the panel to demonstrate the two parameter states.​
 

The Rectangle size is adjusted to make it larger in the GENERAL section of the PROPERTIES pane.  The ​Corner Radius is adjusted to give it rounded corners in the STYLE section of the PROPERTIES pane. 
 

A Label object is added to the panel from the COMMON CONTROLS in the CONTROL LIBRARY. 

The Label size is adjusted to match the size of the Rectangle in the GENERAL section of the PROPERTIES pane.  The Label text color is set to match the Panel's background color in the TEXT section of the PROPERTIES pane.  The text size is changed to 56.  The Label text is changed to FIRE ALARM ACTIVE in the GENERAL section of the PROPERTIES pane.  The text is centered by clicking the button in the TEXT section of the PROPERTIES pane.  The Display Format is changed to Marquee.

The coordinates of the Label object are adjusted so that it is positioned over the top of the Rectangle object.  The alignment buttons can be used to ensure that the Label and Rectangle are aligned exactly.
 

The resulting functionality can be tested by operating the panel.  Click the Operate symbol on the top-right of the UI DESIGN view.
The Oval will appear green and the Rectangle will appear opaque when the mute is off.
The Oval will appear opaque and the Rectangle will appear red when the mute is on.  The Label will become visible over the red Rectangle and the Label text will scroll across the object.