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 dans la page web d’intégration, toutes les propriétés doivent contenir !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 infobulles dont la bordure est grise avec un rayon d’angle de trois pixels, un arrière-plan noir et un texte blanc écrits avec Arial®, 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;
}