Procedure

Use the following steps for installing the Zoom Rooms CSS Design from Asset Manager:

1. Open Q-SYS Design Software
2. Open Asset Manager

   Note

   An active internet connection is required.

    
3. Search for “Zoom” and select the “Zoom Rooms Cascading Style Sheets (CSS)”

4. Click the button labeled “Install”
5. Open Windows Explorer
6. Navigate to "~\Documents\QSC\Q-Sys Designer\Assets\qsc-managed-plugins\ZoomRoomCSS 1.0.0.0\content\styles"

   Note

   ‘~’ represents the users home folder.

    
7. Right click the compressed folder called “zoom rooms (dark mode).zip” or “zoom rooms (light mode).zip”. 
8. Click “Extract All…”
9. Click on “Browse…”
10. Navigate to “~\Documents\QSC\Q-Sys Designer\Styles”

    Note

    ‘~’ represents the users home folder.

    If the folder does not exist, create it.

     
11. Click “Select Folder”
12. Head back to Q-SYS Designer
    1. Ensure you are in the design you want to install the CSS style into
13. Click “Tools” in the Menu Bar
14. Click “Show Design Resources…”
15. Next to “Zoom Rooms (Dark Mode)” or “Zoom Rooms (Light Mode)” click “Install Style”
16. Create a new UCI you want to assign the style to

17. The below resolutions pair with the current CSS style sheet but a standard 4:3 aspect ratio UCI will fill the entire screen on all controllers.

    NOTE

    Currently for iPad Air based Zoom Room Controllers the Vertical Resolution is 20 pixels less than all other controllers.  Zoom will address this with there 6.0.0 Zoom Room Controller Application release and make it the same 4:3 aspect as other controllers.

     
18. The Panel Type of Custom will require you to select a Orientation and the Horizontal and Vertical Resolution for the UCI. 
    1. The Orientation should be set to Landscape and the Horizontal Resolution is 854 pixels. 
    2. The Vertical Resolution is 641 pixels.
19. In the properties of that UCI select the “Zoom Rooms (Dark Mode)” or “Zoom Rooms (Light Mode)”.