1-888-257-2278 Go to YuJa
  1. YuJa Help Center
  2. Panorama LMS Accessibility Platform
  3. Configuration Settings

Customizing Branding Settings in Panorama

Avatar
YuJa Product Support
  • Updated

As an administrator, you can customize the look of Panorama and the Website Accessibility Widget to match your institution’s branding, such as adjusting colors, logos, and images. Additionally, you can edit the how-to-fix guides for various accessibility and usability issues according to your institution's accessibility requirements.

Customizing the Accessibility Icons

Accessibility icons are placed next to a document in your LMS to indicate their accessibility performance. You can click the icon to access the Alternative Formats Menu and view the Accessibility Report of your document.

  1. Log in to Panorama as an admin.
  2. Hover over the left side panel.
  3. Click Configuration, then select Branding Settings from the drop-down menu.
    image showing the configuration branding settings in Panorama.
  4. Select Accessibility Icons from the top navbar.
  5. In the Accessibility Score Icons section, select your desired icon colors and styles for the documents with low, medium, high, and very high accessibility scores.
  6. (Optional) Customize additional icon settings, including
    • Alternative Formats Disabled: The color and style of the icon when alternative formats are disabled.
    • No Accessibility Score (Student View): The color and style of the icon when there is no accessibility score in the student view.
    • No Accessibility Score (Instructor/Admin View): The color and style of the icon when there is no accessibility score in the instructor or administrator view.
    • Icon Size: Changing the icon size to standard, large, or extra large. You can preview the changes by selecting a different icon size.
    • WYSIWYG Gauge Size: Change the WYSIWYG Gauge size to Standard, Large, or Extra Large.
  7. Click Save Changes.
    an image showing the branding settings of the accessibility icons in Panorama.

Customizing the Website Accessibility Widget 

If your institution has the Website Accessibility Widget add-on set up, you can customize the widget's styling to better align with your institution's branding.

  1. Log in to Panorama as an admin.
  2. Hover over the left side panel.
  3. Click Configuration, then select Branding Settings from the drop-down menu.
    image showing the configuration branding settings in Panorama.
  4. Select Website Accessibility Widget from the top navbar.
  5. Select your desired colors and icon styles for the Primary Menu, Secondary Menu, Menu Button, and Website Accessibility Widget Button.
    Note: To add a custom color, click the + icon and enter the RGB code of the desired color.
  6. Click Save Changes.
    an image showing the branding settings of the web accessibility icons in Panorama.

Customizing the Login Page

  1. Log in to Panorama as an admin.
  2. Hover over the left side panel.
  3. Click Configuration, then select Branding Settings from the drop-down menu.
    image showing the configuration branding settings in Panorama.
  4. Select Login Page from the top navbar.
  5. Under Login Logo, click + Upload Image to upload your login logo.
  6. Under Background Image, click + Upload Image to upload a background image for your login page.
  7. Select a desired color for the login button.
    Note: To add a custom color, click the + icon and enter the RGB code of the desired color.
  8. Click Save Changes.
    an image showing the branding settings of the login page in Panorama.

Customizing the Navigation Bar

  1. Log in to Panorama as an admin.
  2. Hover over the left side panel.
  3. Click Configuration, then select Branding Settings from the drop-down menu.
    image showing the configuration branding settings in Panorama.
  4. Select the Navbar tab.
  5. Customize your navbar by selecting:
    • Custom Colors: Choose a background color and text color for your navbar. You can enable the Gradient option to add a gradient to your navbar.
      Note: To add a custom color, click the + icon and enter the RGB code of the desired color.
      an image showing the custom colors settings of the navbar in Panorama.
    • Preset Colors: Select from our preset color options to ensure visual consistency and match your institution’s branding.
      an image showing the preset colors settings of the navbar in Panorama.
  6. Click Save Changes.
    an image highighting the save changes button in the navbar branding settings in Panorama

Customizing the How-To-Fix Guides

The How-To-Fix Guides in the Accessibility Report provide step-by-step guidance to resolve accessibility issues. You can customize the guide for each issue to match your institution’s accessibility standards.

  1. Log in to Panorama as an admin.
  2. Hover over the left side panel.
  3. Click Configuration, then select Branding Settings from the drop-down menu.
    image showing the configuration branding settings in Panorama.
  4. Select How-To-Fix Guides from the top navbar.
  5. Select either Accessibility Issues or Non-Accessibility Issues based on the type of guide you want to customize.
  6. Select the file format the issue applies to, such as HTML, PDF, or DOCX.
    an image showing the settings of the how to fix guuide in Panorama.
  7. Locate your desired issue. Then click the More Actions icon > Edit.
    Note: To reset the guide to its default version, click the More Actions icon > Reset.
    an image showing the edit button of the how to fix guuide in Panorama.
  8. Edit the content of the selected guide in the rich text editor.
  9. Click Save.
    An image showing the rich text editor inside a HTML guide in Panorama.

Related articles