You can specify the custom logo that appears on the VMware Integrated OpenStack dashboard log-in page.

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.

a

Uncomment the .login parameter.

.login {
    background-image: url(/static/themes/vmware/CUSTOM_LOGIN_PAGE_LOGO.png);
    color: white;
    background-color: black;
}
b

Modify the .login parameter to reference your custom graphic file.

c

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.

a

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"
b

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/" 
c

Save the custom.yml file.

Your custom logo appears on the dashboard log-in page the next time you start a session.