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.