Curseur
Crée un curseur avec une poignée que vous pouvez faire glisser pour augmenter ou diminuer un nombre. Vous pouvez choisir le nombre dans une plage et spécifier la valeur d'incrément selon laquelle le curseur augmente ou diminue le nombre lorsque vous faites glisser la poignée.
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
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 de la vue Curseur sont répertoriées dans le tableau ci-dessous :
| Propriété de configuration de l'apparence | Description | Type de données |
|---|---|---|
Verticale ![]() |
Lorsque cette option est sélectionnée, elle affiche le curseur verticalement plutôt que horizontalement. | Boolean |
| Style de couleur | Spécifie le style de couleur du curseur. Les couleurs correspondent aux variables du thème spécifié. | String |
Hauteur ![]() |
Spécifie la hauteur du curseur en px (pixels) ou en unités em. Si aucun type d'unité n'est spécifié, celui-ci est supposé être px. | String |
Largeur ![]() |
Spécifie la largeur du curseur en pixels, pourcentage ou unités em. Par exemple: 50px ou 20% ou 0.4em. Si aucun type d'unité n'est spécifié, celui-ci est supposé être px. | String |
| Rayon de la bordure | Spécifie le rayon de courbure des angles de la barre du curseur. | String |
Largeur de la poignée ![]() |
Spécifie la largeur de la poignée en pixels (px) ou en unités em. Par exemple: 50px ou 0.4em. Si aucune unité n'est spécifiée, px est pris en compte (% doit être évité) | String |
| Rayon de la poignée | Spécifie le rayon de courbure des angles de la poignée. | String |
| Afficher la valeur en cours | Affiche la valeur du curseur en cours, qui peut être modifiée en entrant une valeur différente. | Boolean |
| Afficher les valeurs limites | Affiche les valeurs minimale et maximale pour la plage du curseur. | Boolean |
Les propriétés de configuration du comportement de la vue Curseur sont répertoriées dans le tableau ci-dessous :
| Propriété de configuration du comportement | Description | Type de données |
|---|---|---|
| Minimum | Spécifie la valeur minimale dans la plage du curseur. | Decimal |
| Maximum | Spécifie la valeur maximale dans la plage du curseur. | Decimal |
| Etape | Spécifie la valeur d'incrément du curseur. | Decimal |
| Index de tabulation | Spécifie l'index de la session de tabulation du contrôle Formulaire. L'index de tabulation débute à la valeur 1 et peut être défini de manière éparse. Par exemple, vous pouvez utiliser 1, 5, 10. La propriété Indice de tabulation contrôle la séquence de tabulation lorsque vous vous déplacez entre les zones de l'interface utilisateur en appuyant sur la touche Tabulation. | Integer |
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 de la vue Curseur sont répertoriées dans le tableau ci-dessous :
| Propriété de configuration de formule | Description | Type de données |
|---|---|---|
| Formule de la valeur | Spécifie la formule ou l'expression à utiliser lorsque les valeurs du curseur sont calculées automatiquement pour la vue. Aucune formule n'est spécifiée par défaut. Pour plus d'informations sur les formules, voir Formules. |
String |
La vue Curseur est dotée des types de gestionnaires d'événements suivants :
- On load: activé lors du chargement de la vue. Par exemple :
me.setValue(50) - On change: activé lorsque la valeur du curseur est modifiée. Par exemple :
if (newVal > 50) {${icon}.setIcon("smile-o");} else {${icon}.setIcon("frown-o");}
Méthodes
Pour des informations détaillées sur les méthodes disponibles pour la vue Curseur, voir l'API JavaScript Curseur 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.