Q-SYS CSS Class Reference
This section contains a list of available CSS classes and their intended uses for UCI styles provided by QSC.
Microsoft Teams Rooms
Use this style for Q-SYS room control UCIs displayed on Microsoft Teams Rooms consoles. For more information, see Microsoft Teams Room (MTR).
CSS Class Name | Description/Usage | Example |
---|---|---|
buttonprimary |
Intended for buttons with primary purpose – for example, function toggles. Fill is light purple when on and dark purple when off. |
|
buttonsecondary |
Intended for buttons with secondary purpose – for example, mode selection. Fill is light purple when on and transparent when off. |
|
buttonsnapshot |
Intended for snapshot buttons – for example, camera position presets. Fill is light purple when a snapshot is saved and dark purple when not saved. |
|
icondown iconup iconleft iconright |
Intended for directional buttons – for example, camera position control. |
|
icondownbar iconupbar |
Intended for directional buttons – for example, room temperature control. |
|
iconeye |
Intended for buttons for hiding visibility – for example, entering camera privacy mode. |
|
iconhome |
Intended for buttons for returning to a home position – for example, a camera's home position. |
|
iconpower |
Intended for power buttons. |
|
iconvoldown iconvolup iconvoloff iconvolmute |
Intended for volume control buttons. |
|
iconzoomin iconzoomout |
Intended for camera zoom controls. |
|
justifycenter justifyleft justifyright |
Use the justify tags in combination with textbodydisplay, textheadingdisplay, textlabeldisplay (shown), or texttitledisplay. |
|
textbody |
Body text with a left justify. |
|
textbodydisplay |
Body text with a default center justify. Optionally use in combination with justifyleft or justifyright. |
|
textboxfader |
Text box with purple fill intended for fader labels. Center justify. |
|
textheading |
Heading text with left justify. |
|
textheadingdisplay |
Heading text with a default center justify. Optionally use in combination with justifyleft or justifyright. |
|
textlabel |
Label text with left justify. |
|
textlabeldisplay |
Label text with a default center justify. Optionally use in combination with justifyleft or justifyright. |
|
texttitle |
Title text with left justify. |
|
texttitledisplay |
Title text with a default center justify. Optionally use in combination with justifyleft or justifyright. |