« GLPI/Personnalisation de l'interface, version 10.0.x » : différence entre les versions
Aller à la navigation
Aller à la recherche
mAucun résumé des modifications |
|||
| Ligne 17 : | Ligne 17 : | ||
* logo, page de connexion : 220 x 130 pixels ; | * logo, page de connexion : 220 x 130 pixels ; | ||
* logo, arrière-plan de page : dépend de la taille habituel des écrans utilisés. | * logo, arrière-plan de page : dépend de la taille habituel des écrans utilisés. | ||
== Personnalisation des logos de l'interface principale == | |||
Personnaliser l'entité racine pour que les logos GLPI soient changés. | |||
<source> | |||
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ | |||
/* Logo, personnalisation */ | |||
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ | |||
/* logo, coin haut à gauche, menu développé (logo principal) : 100 x 55 pixels ; */ | |||
/*.page .glpi-logo { background: url("../pics/logos/logo-GLPI-100-white.png") no-repeat !important; height: 55px; width: 100px; }*/ | |||
.page .glpi-logo { background: url("../pics/logos/logo-GLPI-100-grey.png") no-repeat !important; height: 55px; width: 100px; } | |||
/* logo, coin haut à gauche, menu compact : 40 x 40 pixels */ | |||
body.navbar-collapsed .navbar-brand .glpi-logo { background: url("../pics/logos/logo-G-100-grey.png") no-repeat !important; background-size: contain; width: 50px !important; height: 50px !important; } | |||
/* logo, favicon : 16 x 16 or 32 x 32 pixels | |||
<link rel="shortcut icon" type="images/x-icon" href="/glpi10/pics/favicon.ico"> | |||
*/ | |||
/* logo, page de connexion : 220 x 130 pixels */ | |||
/* logo, arrière-plan de page : dépend de la taille habituel des écrans utilisés. */ | |||
/* logo, tableau de bord en plein écran ; valeur par défaut : logo-GLPI-100-black.png ; logo-GLPI-100-grey*/ | |||
.dashboard.fullscreen .glpi_logo, .dashboard.embed .glpi_logo { background: url("../pics/logos/logo-GLPI-100-grey.png") no-repeat; } | |||
</source> | |||
== Personnalisation de la taille des listes == | == Personnalisation de la taille des listes == | ||
Version du 17 février 2025 à 19:12
Il est possible de personnaliser l'interface de GLPI en passant par le paramétrage des entités. La personnalisation se fait par du CSS.
Extension
Une extension existe pour personnaliser notamment les logos ; nécessite GLPI-Network :
- https://plugins.glpi-project.org/#/plugin/branding
- https://services.glpi-network.com/documentation/1565/file/README.md
Documentation :
En résumé :
- logo, coin haut à gauche : 100 x 55 pixels ;
- logo, coin haut à gauche, menu compacte : 40 x 40 pixels ;
- logo, favicon : 16 x 16 or 32 x 32 pixels ;
- logo, page de connexion : 220 x 130 pixels ;
- logo, arrière-plan de page : dépend de la taille habituel des écrans utilisés.
Personnalisation des logos de l'interface principale
Personnaliser l'entité racine pour que les logos GLPI soient changés.
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* Logo, personnalisation */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* logo, coin haut à gauche, menu développé (logo principal) : 100 x 55 pixels ; */
/*.page .glpi-logo { background: url("../pics/logos/logo-GLPI-100-white.png") no-repeat !important; height: 55px; width: 100px; }*/
.page .glpi-logo { background: url("../pics/logos/logo-GLPI-100-grey.png") no-repeat !important; height: 55px; width: 100px; }
/* logo, coin haut à gauche, menu compact : 40 x 40 pixels */
body.navbar-collapsed .navbar-brand .glpi-logo { background: url("../pics/logos/logo-G-100-grey.png") no-repeat !important; background-size: contain; width: 50px !important; height: 50px !important; }
/* logo, favicon : 16 x 16 or 32 x 32 pixels
<link rel="shortcut icon" type="images/x-icon" href="/glpi10/pics/favicon.ico">
*/
/* logo, page de connexion : 220 x 130 pixels */
/* logo, arrière-plan de page : dépend de la taille habituel des écrans utilisés. */
/* logo, tableau de bord en plein écran ; valeur par défaut : logo-GLPI-100-black.png ; logo-GLPI-100-grey*/
.dashboard.fullscreen .glpi_logo, .dashboard.embed .glpi_logo { background: url("../pics/logos/logo-GLPI-100-grey.png") no-repeat; }
Personnalisation de la taille des listes
/* Pour réduire la taille des caractères des tableaux (liste des éléments d'inventaire) */
main {
/* valeur d'origine : font-size: 100%; */
font-size: 90%;
}
Réduction de la hauteur de la barre d'outils des listes
Pas concluant au 27/02/2024
/* Pour réduire la marge haut et bas de la barre avec le bouton "Actions" */
.card-header {
/* valeur d'origine : padding: 1rem 1.25rem; */
padding: .3rem 1.25rem;
}