AX - Alerte
Aperçu
AX - Alerte est un composant Experience Cloud qui affiche des messages et des notifications importants aux utilisateurs du portail sur les pages des sites Experience.
Utilisez-le pour afficher des alertes système, des messages d'erreur, des avertissements, des confirmations de réussite ou des annonces sensibles au temps. Contrôlez quand les alertes apparaissent, ce qu'elles disent et leur apparence — le tout configuré dans Experience Builder sans code.
Parfait pour les avis de maintenance du portail, les confirmations de soumission de formulaires, les alertes d'état de compte ou pour guider les utilisateurs à travers des processus sur les portails clients ou partenaires.
Paramètres
Variante
L'attribut « variant » vous permet de personnaliser l'apparence du composant Avonni Alert afin de mieux refléter le type d'alerte que vous transmettez. Les variantes disponibles incluent :
erreur: Pour les notifications ou problèmes critiques.base: Une alerte standard à usage général.hors ligne: Indique des problèmes de connectivité ou de disponibilité.avertissement: Pour les alertes qui nécessitent de l'attention mais ne sont pas critiques.
Choisissez une variante qui correspond au message que vous souhaitez diffuser afin d'assurer une meilleure compréhension par l'utilisateur.
Contenu
L'attribut « content » spécifie le message principal ou les informations que vous souhaitez transmettre dans le composant Avonni Alert. Il contient le contenu textuel qui sera affiché dans l'alerte, garantissant que les utilisateurs sont informés ou conscients de la notification ou de la situation spécifique.
Nom de l’icône
L'attribut « icon name » vous permet de définir une icône spécifique pour le composant Avonni Alert. En fournissant un nom d'icône, vous pouvez représenter visuellement la nature ou le contexte de l'alerte, ce qui améliore la clarté et attire immédiatement l'attention de l'utilisateur sur le message.
Taille de l’icône
L'attribut « icon size » dans le composant Avonni Alert contrôle la taille de l'icône :
Xxs: Extra-extra-petit pour une discrète mise en valeur.
Xs: Extra-petit pour une présence minimale.
Petit: Une taille modeste pour une visibilité modérée.
Moyen: Taille standard pour une visibilité équilibrée.
Grand: Pour un impact visuel maximal
Peut être ignoré
L'attribut « Is Dismissible » permet aux utilisateurs de fermer ou de masquer l'alerte Avonni dans l'interface. Lorsqu'il est activé, un bouton de fermeture apparaît sur l'alerte, permettant une suppression manuelle par l'utilisateur.
Espacement
Le paramètre de style d'espacement dans le composant Avonni Alert vous permet d'ajuster les marges :
Début du bloc: Définissez la marge supérieure.
Fin du bloc: Ajustez la marge inférieure.
Début en ligne: Configurez la marge gauche.
Fin en ligne: Modifiez la marge droite
Arrière-plan
Le paramètre de style d'arrière-plan dans le composant Avonni Alert offre une personnalisation de l'arrière-plan :
Couleur: Sélectionnez une couleur unie pour l'arrière-plan.
Dégradé linéaire: Choisissez cette option pour un effet de dégradé dynamique et visuellement attrayant
Texte
Le paramètre de style du texte dans le composant Avonni Alert permet de personnaliser le texte :
Couleur: Modifiez la couleur du texte pour améliorer la visibilité.
Graisse de police: Choisissez le poids de la police pour mettre l'accent.
Alignement horizontal: Sélectionnez l'alignement du texte pour un affichage optimal dans l'alerte
Bordure
Le paramètre de style de bordure dans le composant Avonni Alert offre des options pour personnaliser l'apparence de la bordure :
Couleur: Choisissez une couleur pour le bord de la bordure.
Taille: Sélectionnez l'épaisseur de la bordure.
Style: Déterminez l'apparence générale avec différents styles
Icône
Le paramètre de style de l'icône dans le composant Avonni Alert permet diverses personnalisations de l'apparence de l'icône :
Couleur d’arrière-plan: Modifiez la couleur d'arrière-plan derrière l'icône.
Couleur de premier plan: Changez la couleur principale de l'icône.
Icône de fermeture au premier plan: Spécifiez la couleur de l'icône pour fermer l'alerte.
Utilitaire de couleur de premier plan: Effectuez d'autres ajustements de couleur pour une meilleure visibilité et un meilleur contraste
certains attributs de style peuvent être dynamiques....
Mis à jour
Ce contenu vous a-t-il été utile ?