This article explains how to customize the branding for a Panorama, including page layouts, logos, colors, and more.
Use Case Information
When custom branding is enabled, learners within a Panorama client see a fully branded experience. This includes the client's logo and color scheme, which display throughout the entire learning experience: from the landing page, to invite emails, to learner dashboard, and within the content learner view.
Enabling Branding
If you want to customize the design of a Panorama beyond the Learner Dashboard and Landing Page, first be sure to enable branding for the client.
- From your homepage, select Panorama.
- Click the Actions drop-down next to the client you want to alter and select Edit.
- From the left menu on the page, select Design and scroll down to the Branding section.
- Click Enable Branding.
Note
Without enabling branding, you can only customize the Panorama Learner Dashboard and Landing Page.
Branding in Panorama
- From your homepage, select Panorama.
- Click the Actions drop-down next to the client you want to alter and select Edit.
- From the left menu on the page, select Design and scroll down to the Branding section.
- If branding is enabled you can customize the following:
- Site Name
- Add a site name to display next to the logo on the landing page.
- Logo
- Upload the client's logo for a white labeled experience for learners assigned to this panorama.
Note
If you Enable Branding and do not upload a logo, in place of the logo, the Panorama name will simply show as text in the top left corner on the landing page or dashboard.
- Upload the client's logo for a white labeled experience for learners assigned to this panorama.
- Font
- Use one of the fonts we offer by default or link to a custom font. See our article about Linking Custom Fonts for further instruction.
- Theme Colors
- Set a custom primary, secondary, or link color. We will call out when a color may be too light for accessibility reasons.
Tip
It's easiest to copy and paste hex codes into the color pickers.
- Set a custom primary, secondary, or link color. We will call out when a color may be too light for accessibility reasons.
- Background Image
- Add a background image that will show behind the landing page, dashboard, and inside of courses.
- Navigation Links
- Once branding is enabled, navigation links are no longer mirroring any links set at the site level. If the panorama needs global navigation links, you can add them here. They will show at the top of the landing page and the learner dashboard.
- Once branding is enabled, navigation links are no longer mirroring any links set at the site level. If the panorama needs global navigation links, you can add them here. They will show at the top of the landing page and the learner dashboard.
- Site Name
- Be sure to click Save at the bottom of the branding section after each change.
Designing and Customizing the Dashboard
If you choose not to customize the dashboard, the panorama learners will see the global dashboard layout. You can find this layout under Design (from the main homepage) > Layouts.
- From your homepage, select Panorama.
- Click the Actions drop-down next to the client you want to alter and select Edit.
- From the left menu on the page, select Design.
- Click Add Custom Layout under Dashboard Layout.
- This page lets you add or remove widgets to customize the learner dashboard. By default, the dashboard includes the Hero Image widget, the Dashboard Stats widget, the Learner Activity widget, and the Catalog widget.
Tip
Learners assigned to a panorama will access content from the Catalog widget on the dashboard, so it's important that this widget remains on the learner dashboard.
- This page lets you add or remove widgets to customize the learner dashboard. By default, the dashboard includes the Hero Image widget, the Dashboard Stats widget, the Learner Activity widget, and the Catalog widget.
Designing and Customizing the Landing Page
The landing page is a great place to send users to validate redemption or registration codes for the panorama. It is branded to the panorama experience and you can customize it to fit your needs.
- From your homepage, select Panorama.
- Click the Actions drop-down next to the client you want to alter and select Edit.
- From the left menu on the page, select Design.
- Click Design Landing Page.
- This page lets you add or remove widgets to customize the landing page. By default, the landing page shows the Redemption widget.
Tip
If you are planning on using redemption or registration codes, you must keep the Redemption Widget on this page to ensure the user flow works correctly.
- This page lets you add or remove widgets to customize the landing page. By default, the landing page shows the Redemption widget.
Customizing a URL
Each client has their own custom slug at the end of your URL that can be fully branded to that group. For example, if Acme is the client, the custom URL could be http://www.yourcustomdomain.com/acme
.
You have to choose a slug when you create the panorama. By default, it will mimic the panorama name, but you can change it at that time to reflect what you want it to be.
You can further customize your URL by launching a Panorama Custom Domain.
Warning
You cannot change a panorama slug after the creation step, unless you choose to launch a fully custom domain for the panorama.
Note
It's best to avoid using special characters in the panorama slug.
Panorama Custom Domains are a premium feature behind a feature flag.
Navigate to Control Panel in your instance to request to have this feature enabled on your site.