Vous pouvez spécifier le logo personnalisé qui apparaît en haut à gauche de chaque page du tableau de bord de VMware Integrated OpenStack.

Procédure

  1. Chargez votre fichier graphique personnalisé dans le répertoire /home/viouser/custom/horizon/ de votre déploiement VMware Integrated OpenStack.
    Ce répertoire est le répertoire par défaut des fichiers graphiques dans le tableau de bord VMware Integrated OpenStack.
  2. Modifiez le fichier /home/viouser/custom/horizon/_styles.scss dans un éditeur de texte.
    1. Annulez la mise en commentaire du paramètre .topbar. 
      .topbar {
  h1.brand a {
    background-image: url(/static/themes/vmware/CUSTOM_PAGE_LOGO.png);
  }
}
    2. Modifiez le paramètre .topbar pour faire référence au fichier du graphique personnalisé.
    3. Enregistrez le fichier _styles.scss.
  3. Mettez en œuvre le fichier custom.yml. 
    sudo mkdir -p /opt/vmware/vio/custom
sudo cp /var/lib/vio/ansible/custom/custom.yml.sample /opt/vmware/vio/custom/custom.yml
  4. Ouvrez le fichier /opt/vmware/vio/custom/custom.yml dans un éditeur de texte.
    1. Annulez la mise en commentaire du paramètre qui active les paramètres custom.yml pour remplacer les paramètres de la feuille de style par défaut. 
      # overwrite the _styles.scss file in the VMware theme
horizon_custom_stylesheet: "/home/viouser/custom/horizon/_styles.scss"
    2. Annulez la mise en commentaire du paramètre qui spécifie que le répertoire personnalisé contient le graphique personnalisé. 
      # 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. Enregistrez le fichier custom.yml.

Résultats

Votre logo personnalisé s'affichera en haut à gauche de chaque page du tableau de bord lors de la prochaine ouverture de session.