Objectif
Personnaliser son application IDB-PETS, en respectant la charte graphique de l’entreprise
Sommaire
- Visite de l’arborescence de l’application IDB
- Présentation de fichiers clefs en rapport avec le design de l’application IDB
- Quelques exemples d’application
Contenu
L’application IDB-PETS s’appuie sur une arborescence de fichiers, qui sera détaillée en séance.
Si vous souhaitez changer la couleur de certains icônes, de boutons, de barre de navigation ou tout autre élément présents sur votre application IDB-PETS, il vous suffit de vous connecter à Jupyter et d’ouvrir le fichier correspondant ‘app.yaml’. Ce fichier regroupe une liste d’icônes et d’éléments présents sur la plateforme IDB dont les couleurs sont personnalisables.
Chaque couleur est représentée par un code HTML, vous trouverez l’ensemble de ces codes sur un site tels que celui-ci: https://htmlcolorcodes.com/fr/ . Une fois vos changements effectués sur le fichier ‘app.yaml’, pensez à enregistrer.
En rechargeant votre application IDB-PETS, vous visualiserez vos modifications.
Les icônes présents sur votre base de données IDB, peuvent également être changés en fonction de vos préférences. Vous trouverez la majorité de ces icônes dans le menu de gauche de la page d’accueil de la plateforme IDB, ou bien, en bas de l’écran de la plateforme, lorsqu’une fiche est ouverte.
Pour changer un des icônes existants, veuillez d’abord vous rendre dans le fichier ‘menu.yaml’. Chaque icône y est défini par une ligne de code telle que: - icon: arrow_forward .
Veuillez garder le fichier ‘menu.yaml’ ouvert, pendant que vous vous rendez sur un site web tels que: https://materializecss.com/icons.html , afin de choisir votre nouvel icône. Les codes de chaque icône y sont visibles.
Une fois votre choix effectué, vous pouvez insérer le nouveau code et obtenir le résultat attendu.