AX - Button-Dialog

Überblick

AX - Button-Dialog ist eine Experience-Cloud-Komponente, die beim Klicken auf Experience Sites-Seiten ein modales Popup öffnet und Inhalte anzeigt, ohne Benutzer von ihrer aktuellen Seite wegzunavigieren.

Verwenden Sie sie, um zusätzliche Details, Videoinhalte, Bestätigungsnachrichten, Formulare oder Warnungen in einer Überlagerung anzuzeigen. Platzieren Sie beliebige Experience-Cloud-Komponenten innerhalb des Modals, um den Inhalt des Popups im Experience Builder zu erstellen.

Perfekt für „Mehr erfahren“-Details, Video-Demonstrationen, Geschäftsbedingungen, Bestätigungsaufforderungen oder jegliche Inhalte, die vorübergehend über der aktuellen Seite in Ihrem Portal erscheinen sollen.


Konfiguration des Avonni Button-Dialogs

So machen Sie Ihren Button-Dialog großartig

  1. Komponente hinzufügen: Suchen Sie die Avonni Button Dialog-Komponente und ziehen Sie sie auf Ihre Website.

  2. Optisch ansprechend gestalten: Sie können den Text des Buttons (das Label), den Farbstil (die Variante) und alle anderen visuellen Details nach Belieben ändern.

  3. Klicken und erstellen: Beim Klicken auf den Button erscheint ein Popup-Fenster (ein Modal). Sie können allerlei coole Inhalte in dieses Fenster ziehen, wie die Avonni Video-Komponente oder andere nützliche Elemente.

Zusätzliche Einstellungen

  • Header ausblenden: Dies entfernt die Titelleiste oben im Popup-Fenster.

  • Größe: Wählen Sie, wie groß oder klein das Popup-Fenster sein soll.

  • Footer anzeigen: Fügt einen Bereich am unteren Rand des Popups hinzu – ideal für Buttons wie „OK“ oder „Abbrechen“.

  • Innenabstand Inhalt: Dies steuert den Abstand zwischen den Inhalten im Inneren des Fensters und den Rändern des Fensters.


Einstellungen

Name
Beschreibung

Beschriftung

Auf dem Button angezeigter Text.

Icon-Name

Der Lightning Design System-Name des Symbols, das auf dem Button angezeigt werden soll.

Icon-Position

Die Position des Symbols relativ zur Beschriftung; Optionen sind ‚links‘ oder ‚rechts‘.

Variante

Definiert das Erscheinungsbild des Buttons, z. B. ‚brand‘, ‚neutral‘ usw., gemäß vordefinierten Stilen im Salesforce Design System.

Horizontale Ausrichtung

Richtet den Button horizontal innerhalb seines Containers aus; Optionen sind beispielsweise ‚links‘, ‚zentriert‘ oder ‚rechts‘.

Dehnen

Legt fest, ob der Button sich ausdehnen soll, um die Breite seines Containers auszufüllen.

Deaktiviert

Deaktiviert den Button und verhindert Benutzerinteraktion.

Zuletzt aktualisiert

War das hilfreich?