Personalizing the Unified Administration and Customer Portal

Procedure

1. Click Administration > Display Preferences.

   The Display Preferences page appears.

2. Complete the configuration according to the guidelines in Table 136.

   Table 136: Fields on the Display Preferences Page

   Field	Action
   Logo
   Portal (top left corner)	Click Select to upload a logo for the portal. This logo appears at the top left corner of the portal. PNG and SVG file formats are supported. The recommended image size is 25x25 pixel.
   Reports	Click Select to upload a logo for the report. This logo appears in the security and SD-WAN reports. PNG file format is supported. The recommended image size is 111x116 pixel.
   Login Page
   Logo	Click Select to upload a logo for the login page of the portal. This logo appears at the top left corner of the login page. PNG and SVG file formats are supported. The recommended image size is 240x25 pixel.
   Background	Select a background image or background color for the login page of the portal. Image—Click Select to upload a background image. This image appears in the background of the login page. PNG and SVG file formats are supported. The recommended image size is 1440x780 pixel. Fill Color (Gradient)–Select the two colors for the gradient effect - top left to bottom right corner.
   Font
   Typeface	Select a font style for the CSO GUI. If you want to upload a custom font style, click Upload Custom Font. The Upload Custom Fonts page appears. Click Select to upload custom font file (zip file). The zip file contains four formats of custom font styles (EOT, SVG, WOFF, and WOFF2) and a CSS file. You must add all four font files to the CSS file. The zip filename should be same as the CSS filename. (Optional) Click Download Sample Font File to download a sample font file. The sample font file is downloaded to your local file system. You can view the different formats of files to be uploaded to customize your font. Click Ok. A confirmation message is displayed and the custom font file is saved in CSO.
   Color Palette	Click Create Custom Palette to create a custom color palette. The Create Custom Palette section is displayed.
   Create Custom Palette
   Background Colors
   Palette Name	Enter a unique name for your color palette. You can use alphanumeric characters, space, and underscore (_). The maximum length is 32 characters.
   Utility Bar	Select the background color of the utility navigation bar at the top of the unified portal.
   Primary Navigation	Select the background color for the primary navigation panel.
   Primary Navigation Active	Select the background color for the active element in the primary navigation panel.
   Primary Navigation Hover	Select background color to be displayed when you mouse-over an element in the primary navigation panel.
   Secondary Navigation	Select the background color of the secondary navigation panel.
   Selected Tabs	Select the background color for the active tab in a tab container.
   Icons
   Navigation, Utility Bar	Select the color for the icons on the utility navigation bar.
   Grid (Table) Action	Select the background color for the icons on the grid.
   Grid (Table) Action Hover	Select the background color for the icons on the grid when you mouse over it.
   Buttons
   Primary Action	Select the background color of the primary button in its default state.
   Primary Action Hover	Select the background color of the primary action button when you mouse over it.
   Secondary Action	Select the background color of the secondary action button in its default state.
   Secondary Action Hover	Select the background color of the secondary action button when you mouse over it.
   Secondary Action Border	Select the default border color of the secondary action button.
   Secondary Action Border Hover	Select the color for the border on the secondary action button when you mouse over it.
   Secondary Action Font	Select the color for the font on the secondary action button.

3. Click Save Palette to save the color palette.

   The color palette is saved and a confirmation message is displayed. If you want to discard your changes, click Cancel.

   • If you want to modify the custom color palette settings, click on the edit icon (pencil symbol) and update the settings as needed.

   • If you want to delete the custom color palette, click the delete icon (X) next to the color palette.

     • The Confirm Color Palette Delete page appears.

     • Click Yes to confirm the deletion. The custom color palette is deleted.

4. Click Preview to preview the color palette before you apply the settings.

   A confirmation message is displayed and you can preview the theme applied to the portal.

5. Click Apply to apply the settings.

   The settings are applied to the portal.

   If you want to discard your changes, click Cancel.

Related Documentation

• Logging in to Administration Portal