AX - Akkordeonabschnitt
Übersicht
AX - Akkordeon-Abschnitt ist eine Experience-Cloud-Komponente, die einzelne aufklappbare Abschnitte innerhalb des AX - Akkordeon Komponente auf Experience-Sites-Seiten.
Verwenden Sie es in einem Akkordeon, um Inhalte in separate aufklappbare Bereiche zu organisieren. Jeder Abschnitt dient als Container, in den Sie beliebige Experience-Cloud-Komponenten – Text, Bilder, Formulare, Listen oder benutzerdefinierte Komponenten – per Drag-and-drop ziehen können, um den Inhalt des Abschnitts zu erstellen.
Perfekt zum Strukturieren von FAQs, Schritt-für-Schritt-Anleitungen, Funktionsvergleichen oder sonstigen Akkordeon-Inhalten, die mehrere unterschiedliche Abschnitte mit verschiedenen Layouts benötigen.
Diese Komponente nutzt Slots für erweiterte Anpassungen und ist damit ideal für LWR-Sites. Aura-Sites unterstützen dieses Maß an Anpassung nicht.
Konfiguration
Eigenschaften
Titel ist der Bereich, in dem Sie den Namen für den Abschnitt eingeben. Nach dem Titel gibt es einen Inhaltsbereich, in dem Sie jede andere Komponente platzieren können.
Variante legt den Abschnittsstil fest: Basis oder schattiert.
Name des Öffnen-Symbols und Name des Schließen-Symbols legen die Symbole fest, die angezeigt werden, wenn der Abschnitt geöffnet bzw. geschlossen ist.
Icon-Position platziert das Aufklappen-/Zuklappen-Symbol auf der links oder rechts. Symbolgröße legt seine Größe fest: xx-klein, sehr klein, klein, mittel, oder groß.
Symbol ausblenden blendet das Aufklappen-/Zuklappen-Symbol aus.
Über den Inhaltsbereich hinaus unterstützt der Header benutzerdefinierten Titelinhalt und Header-Aktionen über Slots.
Styling
Passen Sie das Erscheinungsbild des Abschnitts über die Stil Bereich des Eigenschaftseditors an.
Gestaltet den Abschnitts-Container.
Außenabstand / Innenabstand: Legen Sie den äußeren und inneren Abstand fest.
Hintergrundfarbe: Legen Sie den Hintergrund des Containers fest.
Rahmenfarbe / -größe / -stil / -radius: Steuern Sie den Rahmen des Containers.
Gestaltet den Abschnitts-Header.
Außenabstand / Innenabstand: Legen Sie den äußeren und inneren Abstand fest.
Hintergrundfarbe: Legen Sie den Hintergrund des Headers fest.
Rahmenfarbe / -größe / -stil / -radius: Steuern Sie den Rahmen des Headers.
Gestaltet den aufklappbaren Bereich.
Außenabstand / Innenabstand: Legen Sie den äußeren und inneren Abstand fest.
Hintergrundfarbe: Legen Sie den Hintergrund des Inhalts fest.
Rahmenfarbe / -größe / -stil / -radius: Steuern Sie den Rahmen des Inhalts.
Gestaltet den Titeltext des Headers.
Farbe: Legen Sie die Titelfarbe fest.
Schriftgröße / Schriftstil / Schriftstärke: Steuern Sie die Typografie des Titels.
Gestaltet das Aufklappen-/Zuklappen-Symbol.
Hintergrundfarbe: Legen Sie die Farbe hinter dem Symbol fest.
Vordergrundfarbe / Vordergrundfarbe bei Hover: Legen Sie die Symbolfarbe für den Standard- und Hover-Zustand fest.
Passt den Rahmen des Symbols an.
Farbe / Größe / Stil / Radius: Steuern Sie das Erscheinungsbild des Symbolrahmens.
Zuletzt aktualisiert
War das hilfreich?