Infobulles tooltips

Sur les systèmes de bureau, certains éléments de l’interface utilisateur, tels que les boutons, comportent des info-bulles 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.
NOTE
Si les styles d’info-bulle sont personnalisés dans la page web d’intégration, toutes les propriétés doivent contenir la variable !IMPORTANT règle. Cette note n’est pas nécessaire si les info-bulles sont personnalisées dans le fichier CSS de la visionneuse.

Exemple section-59e009fd05b14019936aba04d7ca779d

Pour configurer des info-bulles avec une bordure grise avec un rayon d’angle de trois pixels, un arrière-plan noir et un texte blanc en Arial®, 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;
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8