🚧 en cours de rédaction…
Bouton
Acteur bouton poussoir.
Sommaire
Propriétés spécifiques
Contenu
Jokerable
Cette propriété permet de définir du contenu HTML de l’acteur.
Exemple :
Ceci est <i>un</i> <b style="background-color: red;">bouton</b>
Jokerable
Il est possible de placer des jokers (ex.: {{jokerKey}}) dans le contenu qui seront remplacés par la valeur d’additionnelles de même clé.
Par exemple :
Ceci est <i>un</i> <b style="background-color: {{theColor}};">bouton</b>.
Une additionnelle de clé theColor de type couleur remplacera le joker par sa valeur.
💡 ASTUCE
S’il est possible d’ajouter du style CSS avec une balise HTML<style>, il n’est par contre pas possible d’ajouter du code Javascript. Pour cela, il faut utiliser les évènements de l’acteur.
Pour vous aider : La documentation concernant les jokers et leurs utilisations peut être trouvée à cette adresse.
Chemin d’accès depuis l’acteur
properties.content⚡ Doc Script API
Taille
La propriété spécifique Taille permet de changer celle de l’acteur.
Cette propriété possède trois options :
- Par défaut.
- Grand.
- Petit.
Seul le choix par défaut vous laisse la possibilité de modifier la taille du texte. Les autres options prennent le pas sur tout autre réglage.
Attention
Il est à noter que la taille du bouton dépend de plusieurs paramètres dont :
- La place disponible par rapport à son acteur parent.
- La place disponible par rapport aux autres acteurs.
- La taille de son contenu.
Chemin d’accès depuis l’acteur
properties.size⚡ Doc Script API
Mode
La propriété spécifique Mode va permettre de donner un style au bouton via l’ajout d’une classe Bootstrap.
Chaque classe possède son code couleur propre.
Liste des options disponibles avec leurs exemples :
Chemin d’accès depuis l’acteur
properties.mode⚡ Doc Script API
Outline
La propriété spécifique Outline va permettre de donner un style de couleur inversée au bouton de l’acteur.
La couleur de fond de bouton devient la couleur de la police. Et la couleur de la police devient la couleur du fond.
Exemple :
Un bouton avec le mode succès et outline désactivé :
Un bouton avec le mode succès et outline activé :
Chemin d’accès depuis l’acteur
properties.outline⚡ Doc Script API
Dépassement de texte
La propriété spécifique Dépassement de texte permet de gérer l’affichage du texte dans le cas où la taille du conteneur ne suffit pas à afficher l’entièreté du texte.
Il existe donc trois options pour cette propriété :
- Sans retour à la ligne.
- Retour à la ligne.
- Tronqué.
Voici des exemples pour chacun des exemples :
Sans retour à la ligne
Retour à la ligne
⚠️ ATTENTION
La taille verticale de l’acteur est automatiquement adaptée à la taille du texte sauf si celle ci est fixée.
Tronqué
Chemin d’accès depuis l’acteur
properties.textOverflow⚡ Doc Script API
Actif
La propriété spécifique Actif permet de gérer l’activation du bouton.
Lorsque la propriété est désactivée, le bouton concerné n’est pas cliquable par l’utilisateur. Les événements hormis ceux du cycle de vie de l’acteur sont de ce fait désactivées.
Lorsque la propriété est activée, le bouton fonctionne normalement et tous ses événements sont activés.
Chemin d’accès depuis l’acteur
properties.isActive⚡ Doc Script API
Champs d’informations
Est Pressé ?
Le champ d’information Est pressé? est un booléen qui est true lorsque le bouton est pressé et repasse à false lorsque le bouton est relâché, après un petit délai de relaxation.
Contenu complété
Le champs d’information contenu complété est le texte résultant une fois les jokers remplacés par les valeurs des additionnelles.
Évènements spécifiques
🚧 en cours de rédaction…
Variantes
Icône
La variante de l’acteur bouton offrant la possibilité d’intégrer une icône choisie parmi les icônes intégrées à Synapps.
Le contenu du bouton est complété par une additionnelle icône et une additionnelle texte.
Écriture fournisseur
Cette variation “Bouton d’Écriture Fournisseur” permet de déclencher manuellement le processus d’écriture des données vers un acteur fournisseur spécifique.
Le contenu du bouton est complété par une additionnelle “Acteur fournisseur ciblé”, qui permet de choisir l’acteur fournisseur vers lequel le bouton d’écriture est dirigé.
