Badge

Affiche du texte et des chiffres pour attirer l'attention sur une zone spécifique ou pour afficher des informations utiles sur une page. Vous pouvez également faire en sorte qu'il soit possible de cliquer dessus.

Le contrôle Badge est similaire au contrôle Icône. Utilisé le plus souvent dans l'objectif suivant :

Attirer l'attention sur une zone d'une interface utilisateur spécifique
Affichage d'informations utiles
Utilisation en tant que bouton cliquable

Propriétés de configuration

Définissez ou modifiez les propriétés de configuration de l'apparence du contrôle Badge dans les propriétés Configuration. Définissez les propriétés de configuration de la formule dans les propriétés Evénements.

Taille de l'écran: Une propriété de configuration comportant 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 Badge s'affichent dans le tableau suivant :

Tableau 1. Propriétés de configuration de l'apparence du contrôle Badge
Propriété de configuration de l'apparence	Description	Type de données
Style de couleur	Spécifie le style de couleur de la vue. Les couleurs correspondent aux variables du thème spécifié.	`BadgeColorStyle`
Style de forme	Spécifie le style de forme de la vue.	`BadgeShapeStyle`

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 Badge s'affichent dans le tableau suivant :

Tableau 2. Propriétés de configuration de la formule du contrôle Badge
Propriété de configuration de formule	Description	Type de données
Formule de texte	Spécifie l'expression pour la vue. Vous pouvez utiliser la propriété pour définir le libellé du contrôle Badge. Ce texte doit être encadré par des guillemets. Par exemple : `"This is a badge"` Pour plus d'informations sur les formules, voir Formules.	`String`

Le contrôle Badge comporte les types de gestionnaire d'événements suivants :

On load : activé lors du chargement de la page. Par exemple :
me.setColorStyle("I")
On click: activé lorsqu'un utilisateur clique sur un badge utilisé comme bouton. Par exemple :
${Tooltip1}.setTooltipVisible(!${Tooltip1}.isTooltipVisible())

En fonction de l'événement spécifique, vous pouvez utiliser la logique JavaScript pour modifier les effets de la vue. Vous trouverez plus d'informations sur l'utilisation des événements avec des vues dans la rubrique Evénements définis par l'utilisateur.

Méthodes

Pour plus d'informations sur les méthodes disponibles pour le contrôle Badge, voir l' API JavaScript du contrôle Badge.

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.