Infobulles

Dernière mise à jour : 2023-11-04
  • Créé pour :
  • Developer
    User

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.

REMARQUE

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 infobulles dont la bordure est grise avec un rayon d’angle de 3 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;
}

Sur cette page