Label - Common Controls | UI Design View - AVX Architect
In this tutorial, we cover the Label object in the UI Design view of AVX Architect. Labels provide text elements in custom control panels for clear navigation and feedback. Learn how to add a Label, customize text appearance, and bind parameters so Labels can display real‑time states and values, making your interfaces more dynamic and informative.
Transcript
In this video, we’re going to continue covering the UI Design view and look at the Label object. The Label object can be found in the Common Controls section of the Control Library.
Drag the Label into the workspace and you will see the default Label text. In the properties window, the object has the usual naming, workspace location, and sizing options. The object can also be interacted with directly by dragging the handles or clicking and dragging it around the workspace. The field below the size is the text that will be displayed in the object. In the text properties, we can change the text font, style, sizing, color and opacity. Like annotations, the text in this object can also be aligned from left to right and top to bottom. Display format is how the text is handled when the text is larger than the object size. The default is Wrap, so the text will wrap as the object size becomes restricted. Truncate will cut off the remaining text at the border of the object. Ellipsis will add ellipses after the last complete word that isn’t cut off by the border of the object. Finally, Marquee will add a scrolling movement from right to left to display the text within the borders of the object.
Here's another quick trick for labels using parameter bindings. In this example, I’ve got a panel built with some elements pulled in from the design. Theres this logic source, a mute button, a gain fader, and a meter. If we launch this panel, we can see the labels as we’ve already defined them and these controls are all functional right now with the meter reflecting live signal. Let’s go back to the Ui Design now. What we’re going to do is assign these same parameters to our labels, modifying their behavior. On the left pane, use the Parameters Tree to locate the parameters that we brought in. We’ll start with the Logic Source. Once you’ve found the parameter, click and drag it on to the label in the workspace. At first, it may not look like the object has changed. Once you click it, we can see under the Parameter Bindings in the right pane that we now have an associated parameter showing here. Go ahead and repeat this process for the remaining parameters. Now, notice what happens when we launch the panel. The text in our label fields is now different and is reflecting the state of the parameter that it is bound to. The text will reflect the real time value. Notice that these labels change as we toggle these buttons and even the meter is updated in real time.