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 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.

REMARQUE

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 règle n’est pas nécessaire si les 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 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;
}

Sur cette page