Sur les systèmes de bureau, certains éléments de l’interface utilisateur tels que les boutons comportent des infobulles qui s’affichent lorsque vous pointez dessus.
Propriétés CSS de la zone de visionneuse principale
L’aspect des info-bulles est contrôlé à l’aide du sélecteur de classe CSS suivant :
.s7tooltip
propriété CSS |
Description |
---|---|
border-radius |
Rayon de la bordure de fond. |
border-color |
Couleur de bordure de l’arrière-plan. |
arrière-plan-couleur |
Couleur de fond. |
color |
Couleur du texte. |
font-family |
Nom de la police de texte. |
font-size |
Taille de police du texte. |
Si les styles d’info-bulle sont personnalisés à partir de la page web d’intégration, toutes les propriétés doivent contenir une !IMPORTANT
règle. Cette règle n’est pas nécessaire si des info-bulles sont personnalisées dans le fichier CSS de la visionneuse.
Exemple : pour configurer des info-bulles avec une bordure grise avec un rayon d’angle de 3 pixels, un arrière-plan noir et un texte blanc écrits en Arial® d’une taille de 11 pixels :
.s7tooltip {
border-radius: 3px 3px 3px 3px;
border-color: #999999;
background-color: #000000;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}