Widgets de boutons
  • 22 Sep 2022
  • 3 Minutes à lire
  • Contributeurs

Widgets de boutons


Article Summary

Comment utiliser les boutons dans les applications

Les widgets de boutons sont l'un des principaux moyens de créer des déclencheurs dans vos applications.

Pour ajouter un bouton dans une étape particulière, ouvrez l'étape dans l'éditeur d'applications Tulip et cliquez sur "Boutons" dans la barre d'outils.

Il existe cinq options pour ajouter des boutons. Quatre d'entre elles sont associées à une logique prédéfinie.

  • Bouton : Il s'agit de la seule option sans logique prédéfinie. Pour créer un bouton personnalisé, sélectionnez "Bouton" et suivez ce guide pour ajouter une logique personnalisée.
  • Précédent : Le bouton "Précédent" ramène l'opérateur à la dernière étape à laquelle il se trouvait.
  • Menu : Le bouton "Menu" ouvre le menu dans lequel l'opérateur peut ajouter des commentaires, faire une pause, redémarrer ou changer l'application qu' il utilise. L'opérateur peut se déconnecter du lecteur Tulip ou même changer la langue utilisée par le lecteur Tulip à partir d'ici.
  • Suivant: Le bouton "Suivant" permet à l'opérateur de passer à l'étape suivante du flux de l'application.
  • [Complete :](https://support.tulip.co/docs/how-to-complete-an-app Le bouton "Complete" termine l'application** que l'opérateur est en train d'exécuter.

Comment ajouter un déclencheur personnalisé à un bouton ?

Les déclencheurs de bouton vous permettent d'exécuter des actions et des transitions spécifiques lorsque vous appuyez sur un bouton dans une application.

Remarque : les widgets de bouton ne peuvent pas être insérés dans une étape de formulaire.

Voici comment ajouter un déclencheur à un bouton.

1- Insérez un nouveau widget bouton dans votre application en cliquant sur le menu déroulant "Boutons" de la barre d'outils et en choisissant le type de bouton que vous souhaitez utiliser.

Dans cet exemple, nous allons créer un bouton personnalisé en utilisant la première option, "Button".

2- Sélectionnez le nouveau bouton et appuyez sur l'icône plus à côté de "Triggers" dans le volet contextuel.

3- Vous devriez maintenant voir l'éditeur de déclencheurs.

Nommez le déclencheur en cliquant sur le titre dans l'éditeur de déclencheurs.

4- Ensuite, vous pouvez définir une condition IF - vous pouvez laisser cette ligne vide ou ajouter une condition en fonction de vos besoins.

Vous pouvez ajouter une ou plusieurs conditions en cliquant sur le bouton "Add new condition".

Vous pouvez sélectionner "all" ou "any" condition dans le menu déroulant pour permettre plusieurs conditions logiques.

5- Définissez une action**(THEN**) - sélectionnez une des actions dans le menu déroulant. Dans cet exemple, nous allons envoyer une alerte SMS à un administrateur de Tulip.

Ajoutez une action en cliquant sur le bouton "Add new action" dans la section "Then".

Sélectionnez "Send SMS" dans le menu déroulant.

Sélectionnez la personne à qui vous souhaitez envoyer le SMS dans le menu déroulant "to".

Veuillez noter que seuls les administrateurs qui ont vérifié leur numéro de téléphone seront disponibles dans ce menu.

Sélectionnez le type de message dans le menu déroulant "message". Les trois options sont :

  • Expression,
  • Valeur statique,
  • App Info.

Si vous souhaitez envoyer un texte, sélectionnez Valeur statique et saisissez le texte que vous souhaitez envoyer dans la zone de texte.

6 (facultatif)- Ajoutez une transition afin de pouvoir terminer l'application ou passer à l'étape suivante.

Stylisation des boutons

Vous pouvez modifier les propriétés suivantes des boutons après leur chargement dans Tulip, dans le volet contextuel situé à droite de l'écran :

  • Taille de la police
  • Couleur de la police
  • Style de la police
  • Alignement du texte du bouton
  • Couleur du bouton
  • Taille
  • Rotation
  • Ombre portée
  • Rayon de la bordure
  • Clignotement

Autres lectures

  • [Comment copier des widgets entre applications] (https://support.tulip.co/docs/how-to-copypaste-content-within-apps-and-between-apps)

Vous avez trouvé ce que vous cherchiez ?

Vous pouvez également vous rendre sur community.tulip.co pour poser votre question ou voir si d'autres ont été confrontés à une question similaire !


Cet article vous a-t-il été utile ?