« 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 2 : | Ligne 2 : | ||
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. | 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 : | |||
* https://glpi-plugins.readthedocs.io/fr/latest/branding/index.html | |||
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 de la taille des listes == | == Personnalisation de la taille des listes == | ||
Version du 17 février 2025 à 17:54
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 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;
}