Help us improve your experience.

Let us know what you think.

Do you have time for a two-minute survey?

 

Add a Theme in Administration Portal

 

Use the Display Preferences page to personalize the following elements:

  • Login page background and logo for the portals.

  • Logo and banner on the top-left corner of the portals.

  • Typeface for the GUI.

  • Logo, typeface, company name, and background colors for reports.

  • Primary and Secondary color palettes for the navigation panel, text on active tabs, icons, and buttons on the GUI.

Note

This topic is applicable only for users with the SP Administrator role who are assigned the Update Preferences capability.

To add a new theme:

  1. Click Administration > Display Preferences.

    The Display Preferences page appears.

  2. Click the Plus (+) icon to create a theme.

    The Add New Theme page appears.

  3. Complete the configuration according to the guidelines in Table 1.Note

    Fields marked with an * are mandatory.

  4. Click Save when your changes to the settings are final.

    A confirmation message appears and the new theme is displayed in the Display Preferences page.

    Once you create a new theme, it takes a few minutes for CSO to generate the theme.

Table 1: Fields on the Display Preferences Page

Field

Action

Name

Enter the name of your theme.

Logo

Portal (top-left corner)

Upload an image for the logo that appears on the top-left corner of the portals:

  1. Click Browse.

    The File Upload dialog box appears.

  2. Navigate to the file location and select the file. SVG is the supported file format for images and 25x25 pixel is the recommended image size.
  3. Click Open to upload the image.

    You are returned to the Add New Theme page.

Banner (top-left corner)

Upload an image for the banner that appears on the top-left corner of the portals:

  1. Click Browse.

    The File Upload dialog box appears.

  2. Navigate to the file location and select the file. SVG is the supported file format for images and 160x30 pixel is the recommended image size.
  3. Click Open to upload the image.

    You are returned to the Add New Theme page.

Login Page

Logo

Upload an image for the logo that appears on the top-left corner of the login page. SVG is the supported file format for images and 240x25 pixel is the recommended image size.

For information on uploading the image, see Step-by-Step Procedure.

Background

Select a background image or background color for the login page:

  • If you select Image, click Browse to upload a background image for the login page. SVG is the supported file format for images and 1440x780 pixel is the recommended image size.

    For information on uploading the image, ses Step-by-Step Procedure.

  • If you select Fill Color (Gradient), select two colors (Color 1 and Color 2) from the palette for a gradient effect.

Font

Typeface

Select a typeface (Arial, Helvetica, or Open Sans), for the CSO GUI, from the list or upload a custom typeface. The default typeface is Helvetica.

Report

Logo

Click Browse to upload a logo that appears in the SD-WAN reports and security reports. PNG is the supported file format and 240x25 as the recommended image size.

Company Name

Enter a company name.

This name appears in the SD-WAN and Security reports.

Note: If you enter any company’s name other than Juniper Networks, the Juniper branding page is automatically hidden.

Typeface

Select a typeface (Arial, Helvetica, or Antenna) from the list or upload a custom typeface for the reports. The default typeface is Helvetica.

Background Color

Select colors (Background Color 1 and Background Color 2) from the palette for a gradient effect.

This effect is visible in the background of the report.

Color Palette

Use the default color palette or create a customized palette.

Colors

Primary Color

Select a primary color. Primary color is the color of selected menu in the navigation bar, linked texts (tenant names, site names, etc.), and menus (such as More, Filter) on a page in Administration and Customer Portals.

Primary Navigation Background

Select a background color for the primary navigation panel.

Selected Tabs

Select a color for the active tab in a tab container; the tab name changes to the selected color when it is active.

For example, the color of the Configuration Template tab in

Resources > Tenant Devices > Device-Name

.

Icons

Grid (Table) Action

Select a color for the icons on the navigation bar and icons on the corner of the portals such as notification, email, full screen, and help.

Grid (Table) Action Hover

Select a color for an icon on top of a grid; the icon changes to the selected color when you hover over it.

Buttons

Primary Action Button Text

Select a text color on the primary action button.

For example, text color of the Add OpCo button in

Tenants > Operating Companies

.

Primary Action Button

Select a color for the primary action button that appears on pages. For example, color of the Save button in Add New Theme page.

Secondary Action Button Text

Select a text color on the secondary action button.

Secondary Action Button

Select a color for the secondary action button such as radio buttons in GUI.