GLPI/Personnalisation de l'interface, version 9.5.x

Aller à la navigation Aller à la recherche

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.

Personnalisation des boutons de navigation des listes


Bouton de navigation par défaut


Bouton de navigation personnalisé par CSS.

/* Personnalisation des boutons de navigation */ 
a.navicon.left, a.navicon.right {
  width: 3em;
  padding: 0.25rem;
  border:none;
  border-radius: 4px;
  display:inline-block;
  padding:8px 16px;
  vertical-align:middle;
  overflow:hidden;
  text-decoration:none;
  background-color:#eee;
  color:#ccc
  text-align:center;
  cursor:pointer;
  white-space:nowrap
}
/* Personnalisation des boutons de navigation, apparence au survol */ 
a.navicon.left:hover, a.navicon.right:hover {
  background-color:#ccc;
  color:#000
}

Personnalisation des zones de texte sur ticket


Ticket, zone de texte par défaut


Ticket, zone de texte agrandie

/* Pour que le contenu des tâches et suivi occupe plus de largeur sur la page du traitement du ticket */ 
.timeline_history .h_content {
    width: 80%;
}

Personnalisation des tableaux sur tâches de ticket

La personnalisation suivante permet de forcer les bordures du tableau et des cellules.

/* Tableau avec bordure externe et interne */
.displayed_content table, .displayed_content td  {
    border: 1px solid black !important;
    border-collapse: collapse !important;
    padding: 3px !important;
}
/* Fin - Tableau avec bordure externe et interne */

Personnalisation des zones de modification des tâches et suivis sur ticket


Ticket, zone de texte en modification par défaut


Ticket, zone de texte en modification agrandie

/* Pour agrandir la zone de modification des tâches et suivis */ 
.timeline_history .h_content.edited {
    width: 80%;
}

.timeline_history .h_content .edit_item_content {
  width: 100%;
}
/* Fin - Pour agrandir la zone de modification des tâches et suivis */

Voir aussi

  •