You can specify the custom logo that appears in the top left corner of each page in the VMware Integrated OpenStack dashboard.

Procedure

  1. Load your custom graphic file to the /home/viouser/custom/horizon/ directory in your VMware Integrated OpenStack deployment.

    This directory is the default directory for graphic files in the VMware Integrated OpenStack dashboard.

  2. Modify the /home/viouser/custom/horizon/_styles.scss file in a text editor.
    1. Uncomment the .topbar parameter. 
      .topbar {
  h1.brand a {
    background-image: url(/static/themes/vmware/CUSTOM_PAGE_LOGO.png);
  }
}
    2. Modify the .topbar parameter to reference your custom graphic file.
    3. Save the _styles.scss file.
  3. Implement the custom.yml file. 
    sudo mkdir -p /opt/vmware/vio/custom
sudo cp /var/lib/vio/ansible/custom/custom.yml.sample /opt/vmware/vio/custom/custom.yml
  4. Open the /opt/vmware/vio/custom/custom.yml file in a text editor.
    1. Uncomment the parameter that enables the custom.yml settings to override the default style sheet settings. 
      # overwrite the _styles.scss file in the VMware theme
horizon_custom_stylesheet: "/home/viouser/custom/horizon/_styles.scss"
    2. Uncomment the parameter that specifies the custom directory to contain the custom graphic file. 
      # copy all custom images (or other files) to be accessible in horizon
# IMPORTANT: this line must end with a "/" in order to place the files
# in the right location for horizon
horizon_custom_directory: "/home/viouser/custom/horizon/"
    3. Save the custom.yml file.

Results

Your custom logo appears in the top left corner of each dashboard page the next time you start a session.