GLPI : cas d’utilisation des CSS

Vous pouvez désormais personnaliser l’interface de GLPI à l’aide des CSS. La personnalisation se fait au niveau de l’entité. Allez dans Administration > Entités.

GLPI > Administration > Entités

A l’aide des Outils de développement Web de votre navigateur accessible avec le raccourci de touches Crl+Shift+I, cliquez sur l’icône Sélectionnez un élément de la page (Ctrl+Shift+C). En déplaçant la souris sur la zone à identifier, vous voyez apparaître le code et notamment le nom de l’id, ici ProjectTask-1.

Sélectionnez un élément de la page (Ctrl+Shift+C)

Le code CSS

L’objet de la manipulation est de faire apparaître le nom du projet les tâches de projet qui lui sont rattachés en deux couleurs différentes. Ajoutez le code suivant :

/* Code CSS pour le projet */
li[id^="Project-"]
{
    background-color: bisque;
}
/* Code CSS pour la tâche de projet */
li[id^="ProjectTask-"]
{
    background-color: thistle;
}

GLPI > Outils > Projets > Kanban global

Aide sur la syntaxe CSS

La page de Wikipédia  consacrée au Cascading Style Sheet synthétise à merveille la syntaxe à employer pour écrire vos codes CSS.

GLPI /