AX - Alerte
Aperçu
AX - Alerte est un composant Experience Cloud qui affiche des messages et des notifications importantes aux utilisateurs du portail sur les pages Experience Sites.
Utilisez-le pour afficher des alertes système, des messages d'erreur, des avertissements, des confirmations de succès 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 d'envoi de formulaires, les alertes de statut de compte ou pour guider les utilisateurs lors de processus sur les portails clients ou partenaires.
Paramètres
Variante
L'attribut « variant » vous permet de personnaliser l'apparence du composant Avonni Alert pour 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 des alertes qui nécessitent une attention mais ne sont pas critiques.
Choisissez une variante qui s'aligne sur le message que vous souhaitez transmettre pour une compréhension utilisateur plus claire.
Contenu
L'attribut « content » spécifie le message principal ou l'information que vous souhaitez transmettre dans le composant Avonni Alert. Il contient le contenu textuel qui sera affiché dans l'alerte, veillant à ce que les utilisateurs soient informés ou alertés 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, améliorant la clarté et attirant 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: Très très petit pour une emphase subtile.
Xs: Très petit pour une faible prominence.
Petit: Une taille modeste pour une visibilité modérée.
Moyen: Taille standard pour une visibilité équilibrée.
Grand: Pour un impact visuel maximal
Est dismissible
L'attribut « Est dismissible » permet aux utilisateurs de fermer ou de rejeter l'Avonni Alert sur l'interface. Lorsqu'il est activé, un bouton de fermeture apparaît sur l'alerte, permettant à l'utilisateur de la supprimer manuellement.
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 du fond :
Couleur: Sélectionnez une couleur unie pour l'arrière-plan.
Dégradé linéaire: Choisissez cette option pour un effet dégradé dynamique et visuellement attrayant
Texte
Le paramètre de style du texte dans le composant Avonni Alert permet la personnalisation du texte :
Couleur: Changez la couleur du texte pour une meilleure visibilité.
Épaisseur de la police: Choisissez le poids de la police pour l'accentuation.
Alignement horizontal: Sélectionnez l'alignement du texte pour un affichage optimal dans l'alerte
Bordure
Le paramètre de style de la 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
Mis à jour
Ce contenu vous a-t-il été utile ?