UI Customization

Command Center allows cloud administrators to personalize their underlying VPSA and Object Storage user interface look and feel, by modifying the VPSA login header image and the favicon that appear on the browser tab and the UI left menu panel.

Prerequisites

In advance of the UI customization, prepare and resize custom images:

VPSA and Object Storage UI Customization

  • Login header image

    • Format: jpg

    • Height: 115px

    • Width: 400px

  • Favicon image

    • Format: png

    • Height: 16px

    • Width: 16px

Command Center UI Customization

  • Header image

    • Format: png

    • Height: 135px

    • Width: 516px

Customizing the Command Center UI

  1. At the top right of the Command Center window, click the gear icon.

  2. In the dropdown menu that displays, select UI Customizations.

  3. In the Customization view, click the tab of the UI entity to customize:

    • VPSA

    • Object Storage

    • Command Center

    Customization controls, custom images and their attributes are displayed in the selected tab’s Images view:

    Column

    Description

    Name

    The custom image’s filename.

    The Choose File button to upload a custom image, when there is no current custom image.

    Custom

    The custom image display.

    The N/A indicator, when there is no current custom image.

    Notes

    The format and dimension requirements for the image type.

    Delete

    The control checkbox for removing a custom image.

  4. For each image to customize, in the image’s Name column click Choose File.

    In the file explorer dialog that opens, browse, select and upload the new image file.

  5. Click Update to confirm uploading the selected images.

    • The custom images display in the Custom column.

    • The modified images display in their respective headers.

      Note

      The modified header image and favicon will be applied to newly created VPSA and Object Storage instances, or to instances that have been hibernated and then restored.

Removing Customized Command Center UI elements

To undo customization and revert to the default header image and favicon:

  1. At the top right of the Command Center window, click the gear icon.

  2. In the dropdown menu that displays, select UI Customizations.

  3. In the Customization view, click the tab of the UI entity to customize:

    • VPSA

    • Object Storage

    • Command Center

  4. For each custom image that should be reverted to the default, in the image’s Delete column mark the Delete checkbox.

  5. Click Update to confirm removing the selected images and reverting to the default.