How To | Utilize the Zoom CSS Design from Asset Manager

Learn how to effectively use the Zoom CSS design feature available in the Asset Manager.

Updated at January 23rd, 2024

Your engagement helps us create the content you need. Click here to review this article.



 

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.

     
    1. 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
    1. 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 853 pixels. 
      2. The Vertical Resolution is 574 pixels.
  17. In the properties of that UCI select the “Zoom Rooms (Dark Mode)” or “Zoom Rooms (Light Mode)”. 

  • ‘~’ represents the users home folder.
  • If this folder does not exist, create it.
  • ‘~’ represents the users home folder.
  • If this folder does not exist, create it.
  • ‘~’ represents the users home folder.
  • If the folder does not exist, create it.