AX - Bouton de dialogue

Aperçu

AX - Boîte de dialogue de bouton est un composant Experience Cloud qui ouvre une fenêtre contextuelle modale lorsqu’on clique dessus sur les pages Experience Sites, affichant du contenu sans rediriger les utilisateurs hors de leur page actuelle.

Utilisez-le pour afficher des détails supplémentaires, du contenu vidéo, des messages de confirmation, des formulaires ou des avertissements qui apparaissent dans une superposition. Placez n’importe quel composant Experience Cloud dans la fenêtre modale pour créer le contenu de la fenêtre contextuelle dans Experience Builder.

Parfait pour les détails « En savoir plus », les démonstrations vidéo, les conditions générales, les demandes de confirmation, ou tout contenu qui doit apparaître temporairement au-dessus de la page actuelle dans votre portail.

---

Configuration de la boîte de dialogue du bouton Avonni

Rendre votre boîte de dialogue de bouton géniale

1. Ajouter le composant : Trouvez le composant Boîte de dialogue de bouton Avonni et faites-le glisser sur votre site web.
2. Le faire paraître génial : Vous pouvez modifier le texte du bouton (l’étiquette), le style de couleur (la variante) et tout autre détail visuel que vous aimez.
3. Cliquez et créez : Une fenêtre contextuelle (une modale) apparaîtra lorsque vous cliquerez sur le bouton. Vous pouvez faire glisser toutes sortes de choses intéressantes dans cette boîte, comme le composant Vidéo Avonni ou d’autres éléments sympas.

Paramètres supplémentaires

• Masquer l’en-tête : Cela supprime la barre de titre en haut de la fenêtre contextuelle.
• Taille : Choisissez la taille, grande ou petite, que vous souhaitez pour la fenêtre contextuelle.
• Afficher le pied de page : Ajoute une section en bas de la fenêtre contextuelle – idéal pour des boutons comme « OK » ou « Annuler ».
• Rembourrage de retrait du contenu : Cela contrôle l’espace entre le contenu à l’intérieur de la boîte et les bords de la boîte.

---

Paramètres

Configuration du bouton

Nom	Description
Libellé	Texte affiché sur le bouton.
Nom de l’icône	Le nom, selon le Lightning Design System, de l’icône à afficher sur le bouton.
Position de l’icône	La position de l’icône par rapport à l’étiquette ; les options sont « left » ou « right ».
Variante	Définit l’apparence du bouton, comme « brand », « neutral », etc., selon les styles prédéfinis du Salesforce Design System.
Alignement horizontal	Aligne le bouton horizontalement dans son conteneur ; les options incluent « left », « center » ou « right ».
Étirement	Détermine si le bouton doit s’étendre pour remplir la largeur de son conteneur.
Désactivé	Désactive le bouton, empêchant toute interaction de l’utilisateur.

Configuration de la boîte de dialogue

Nom	Description
Masquer l’en-tête	Bascule la visibilité de l’en-tête de la boîte de dialogue.
Taille	Définit la taille de la boîte de dialogue ; les options peuvent inclure 'petit', 'moyen', ou 'grand.
Afficher le pied de page	Détermine s’il faut afficher le pied de page de la boîte de dialogue, qui peut contenir des boutons d’action.

🎨 Style

Nom	Description
En-tête	Spécifie la couleur de fond de l’en-tête de la boîte de dialogue.
Contenu	Définit la couleur de fond de la zone de contenu principale de la boîte de dialogue.
Pied de page	Définit la couleur de fond de la zone de pied de page.