Afficher un toast

Aperçu

Les notifications toast sont un moyen standard et convivial de communiquer de courtes mises à jour de statut sans interrompre significativement le flux de travail de l'utilisateur. Elles sont essentielles pour confirmer des actions, alerter les utilisateurs de problèmes potentiels ou fournir des indications d'information.

Principales caractéristiques

  • Fournit un retour : Informe les utilisateurs du résultat d'une action (succès, erreur, avertissement, info).

  • Temporaire : Conçu pour des messages brefs qui ne nécessitent pas d'affichage permanent.

  • Apparence configurable : Contrôlez le style (couleur/icone) en fonction du type de message.

  • Comportement configurable : Contrôlez la durée d'affichage du toast et si l'utilisateur peut le fermer.

  • Déclenché par des interactions : Lancé comme action suite à une interaction utilisateur (comme un clic de bouton) ou un autre événement (comme la fin d'un Flow).


Quand utiliser les toasts

Utilisez l'interaction Afficher Toast pour fournir un retour pour ces types de réponses :

  • Succès (variante succès) : Confirmer une action réussie (par ex., "Enregistrement effectué avec succès", "Paramètres mis à jour").

  • Erreur (variante erreur) : Indiquer un problème qui a empêché la réalisation d'une action (par ex., "Échec de l'enregistrement : champs obligatoires manquants", "Impossible de se connecter au serveur").

  • Avertissement (variante avertissement) : Cette option alerte les utilisateurs de problèmes potentiels ou fournit des mises en garde (par ex., "Limite de données approchée", "Enregistrement en double détecté", etc.).

  • Info (variante info) : Informer les utilisateurs d'un processus en cours ou fournir une information neutre (par ex., "Traitement de votre demande...", "Génération du rapport démarrée").


Comment configurer l'interaction Afficher Toast

Vous n'ajoutez pas l'interaction Afficher Toast directement au canevas. À la place, vous la configurez comme une action faisant partie de l'interaction d'un autre composant.

Étapes

1

Sélectionnez le composant déclencheur

Choisissez le composant (comme un bouton, l'action d'une ligne de tableau de données, etc.) qui initiera le message toast lorsqu'un utilisateur interagira avec lui

2

Accédez au panneau Interactions

Sélectionnez le composant choisi à l'étape 1. Dans le panneau Propriétés à droite du constructeur, trouvez et ouvrez la section « Interactions »

3

Choisissez l'événement déclencheur

Dans la section Interactions, décidez quel événement doit faire apparaître le toast. Les événements courants incluent « Au clic » (pour les boutons) ou « À la fin » / « En cas d'erreur » (qui peuvent s'exécuter après d'autres actions comme l'enregistrement de données ou l'exécution d'un Flow)

4

Ajoutez l'action « Afficher Toast »

Cliquez sur le bouton « Ajouter une action » pour l'événement spécifique que vous avez sélectionné à l'étape 3. Dans la liste des types d'actions disponibles, choisissez « Afficher Toast ».

5

Configurez les détails du toast

Définissez les propriétés spécifiques de votre notification toast :

  • Titre : (Texte) Saisissez le titre principal du message toast. Il apparaît en gras. Vous pouvez taper un texte statique (par ex., "Succès !") ou cliquer sur l'icône de sélection de ressource pour utiliser une valeur dynamique provenant d'une variable (par ex., {!StatusTitleVariable}).

  • Message : (Texte) Saisissez le texte détaillé du corps de la notification. Gardez-le bref. Vous pouvez taper un texte statique (par ex., "Vos modifications ont été enregistrées.") ou cliquer sur l'icône de sélection de ressource pour utiliser une valeur dynamique (par ex., {!FeedbackMessageVariable}).

  • Variante : (Sélection) Choisissez le style et l'objectif, ce qui contrôle la couleur et l'icône :

    • info: (Bleu) Pour les messages d'information.

    • success: (Vert) Pour confirmer les actions réussies.

    • warning: (Jaune/Orange) Pour les problèmes potentiels ou les mises en garde.

    • erreur: (Rouge) Pour indiquer des problèmes ou des actions échouées.

  • Mode : (Sélection) Choisissez comment le toast est supprimé :

    • dismissible (Par défaut) : Se cache automatiquement après environ 5 secondes ; les utilisateurs peuvent le fermer plus tôt. Idéal pour succès/info.

    • pester: Se cache automatiquement après environ 5 secondes ; les utilisateurs ne peuvent pas le fermer plus tôt. À utiliser pour des avertissements importants.

    • sticky: Reste visible jusqu'à ce que l'utilisateur le ferme manuellement. À utiliser pour des erreurs critiques nécessitant une reconnaissance

Mis à jour

Ce contenu vous a-t-il été utile ?