Infobulle

Affiche un message lorsque des utilisateurs survolent une vue sur une page.

La vue Infobulle est généralement utilisée pour afficher des conseils utiles concernant des vues de type entrée. Il s'agit d'un conteneur pour d'autres vues, telles que Texte normal.

Propriétés de configuration

Sous Configuration, définissez ou modifiez les propriétés d'apparence et de comportement de la vue. Sous Evénements, définissez les propriétés de configuration de la formule.

Taille de l'écran
Une propriété de configuration comportant l'icône Tailles d'écran L'icône Tailles d'écran en regard du nom de la propriété peut avoir des valeurs différentes pour chaque taille d'écran. Si vous ne définissez pas de valeur, la taille de l'écran hérite de la valeur de taille d'écran supérieure suivante comme valeur par défaut.
Définitions de thème
Les définitions de thème spécifient les couleurs et les styles d'une vue et déterminent son apparence. Vous pouvez prévisualiser l'apparence des vues dans l'éditeur de thème. Voir Thèmes.
Les propriétés de configuration de l'apparence du contrôle Infobulle sont répertoriées dans le tableau ci-dessous :
Tableau 1. Propriétés de configuration de l'apparence du contrôle Infobulle
Propriété de configuration de l'apparence Description Type de données
Afficher le libellé L'icône Tailles d'écran Affiche un libellé. Si la vue Infobulle a un libellé, celui-ci s'affiche. Si elle n'en a pas et si elle contient une autre vue, le libellé de la vue intérieure s'affiche. Si Afficher le libellé n'est pas sélectionné, aucun libellé ne s'affiche.
Remarque: La propriété Visibilité du libellé de la vue est ignorée.
 Boolean
Position du libellé L'icône Tailles d'écran Position du libellé. String
Largeur du libellé Icône de grand écran Largeur de l'étiquette. Vous pouvez spécifier sa largeur en px (pixels), % (pourcentage), ou unités em. Par exemple, 50px, 20% ou 0.4em. Si aucun type d'unité n'est spécifié, px est utilisé. String
Largeur L'icône Tailles d'écran Largeur de la vue. Vous pouvez spécifier sa largeur en px (pixels), % (pourcentage), ou unités em. Par exemple, 50px, 20% ou 0.4em. Si aucun type d'unité n'est spécifié, px est utilisé. Integer
Style de couleur Style de couleur de la vue. Les couleurs correspondent aux variables du thème spécifié. ColorStyle
Position horizontale Positionnement horizontal de l'infobulle..  
Position verticale Positionnement vertical de l'infobulle.  

Les propriétés de configuration du comportement du contrôle Infobulle sont répertoriées dans le tableau ci-dessous :

Tableau 2. Propriétés de configuration du comportement du contrôle Infobulle
Propriété de configuration du comportement Description Type de données
Afficher l'infobulle L'icône Tailles d'écran Affiche l'infobulle au chargement de la page. Boolean
Afficher au survol Affiche l'infobulle lors du survol de la vue associée. Boolean
Texte au format HTML Effectue le rendu du texte de l'infobulle avec HTML. Dans ce cas, vous devez saisir le texte de l'infobulle dans la zone de texte Aide, dans l'onglet Général. Boolean

Exemple

Dans cet exemple, une vue Texte normal est présente dans une infobulle, et les propriétés de configuration ci-dessous sont définies pour la vue Infobulle :

  • Evénements:
    • La formule d'infobulle est définie sur "My tooltip".
  • Configuration de l' apparence :
    • Afficher le libellé n'est pas sélectionné.
    • Position du libellé est défini sur Gauche.
    • Largeur est défini sur 50%.
    • Style de couleur est défini sur Par défaut.
    • Position horizontale est définie sur Gauche.
    • La position verticale est définie sur Haut.
  • Configuration du comportement :
    • Afficher l'infobulle est sélectionné.
    • Afficher au survol n'est pas sélectionné.
    • Texte au format HTML est sélectionné.

Les propriétés et leurs valeurs génèrent un élément infobulle dont la taille est la moitié de celle de la vue Infobulle par défaut et indiquant Mon infobulle sur arrière-plan noir. Cet élément infobulle est affiché au-dessous d'une zone de texte, sur son côté gauche, et est visible dès le chargement de la page.

Remarque: La vue Infobulle est une vue de conteneur. En phase d'exécution, elle enveloppe la vue imbriquée.

Evénements

Définissez ou modifiez les propriétés de configuration des formules et les gestionnaires d'événements pour la vue sur l'onglet Evénements. Vous pouvez définir des événements à déclencher par programmation ou lorsqu'un utilisateur interagit avec la vue. Pour plus d'informations sur la manière de définir et de coder des événements, voir Evénements définis par l'utilisateur.
Les propriétés de configuration de la formule du contrôle Infobulle sont répertoriées dans le tableau ci-dessous :
Tableau 3. Propriétés de configuration de la formule du contrôle Infobulle
Propriété de configuration de formule Description Type de données
Formule de l'infobulle Formule ou expression utilisée pour calculer le texte Infobulle.

Pour plus d'informations sur les formules, voir Formules.

 String
Le contrôle Infobulle comporte les types de gestionnaire d'événements suivants :
  • On load : activé lors du chargement de la page.
  • On click: activé lorsque vous cliquez sur l'infobulle.

Méthodes

Pour des informations détaillées sur les méthodes disponibles pour le contrôle Infobulle, voir l' API JavaScript JavaScript .

Ressources supplémentaires

Pour plus d'informations sur la création d'un coach ou d'une page, voir Génération de coaches.
Pour plus d'informations sur les propriétés standard (Général, Configuration, Positionnement, Visibilitéet Attributs HTML), voir Afficher les propriétés.