AX - Container
Überblick
AX - Container ist eine Experience Cloud-Komponente, die andere Komponenten auf Experience Sites-Seiten in einem gestylten Container mit Rahmen, Hintergründen und Innenabstand umschließt.
Verwenden Sie sie, um verwandte Inhalte zusammenzufassen, visuelle Abschnitte zu erstellen, Hintergrundfarben oder -bilder hinzuzufügen oder gleichmäßige Abstände um Komponenten anzuwenden. Ziehen Sie beliebige Experience Cloud-Komponenten in den Container, um gruppierte Layouts im Experience Builder zu erstellen.
Perfekt, um visuelle Abschnitte zu erstellen, Formularfelder zu gruppieren, gebrandete Hintergründe hinzuzufügen, Dashboard-Widgets zu organisieren oder überall dort, wo Ihr Portal Inhalte in einem gestalteten Container benötigt.
Diese Komponente nutzt Slots für erweiterte Anpassungen, wodurch sie ideal für LWR-Seiten ist. Aura-Seiten unterstützen dieses Anpassungsniveau nicht.
Tutorials
Erfahren Sie, wie Sie ein dynamisches Rasterlayout erstellen, um Produkte mit interaktiven 'Mehr erfahren'-Schaltflächen zu präsentieren.
Das Potenzial Ihrer Site mit Avonni Container maximieren
Vielseitige Designoptionen für jede Anforderung
Die Avonni Container-Komponente zeichnet sich durch eine Reihe von Stilvarianten aus - Karte, Box und Standard - die jeweils auf unterschiedliche Inhaltsanforderungen zugeschnitten sind.
Das
KarteVariante eignet sich perfekt für aufmerksamkeitsstarke Abschnitte wie Erfahrungsberichte und verleiht Ihren Inhalten Flair.

Das
BoxDie Variante eignet sich besonders, um Produkte oder wichtige Funktionen hervorzuheben und sie deutlich hervorstechen zu lassen.

Das
StandardDie Variante bietet ein sauberes und stimmiges Erscheinungsbild für konventionellere Inhalte und sorgt für Harmonie auf Ihrer Site.

Dynamische Visuals zur Aufwertung Ihrer Site
Mit Avonni Container können Sie verschiedenen Abschnitten durch einzigartige Hintergrundbilder Leben einhauchen. Stellen Sie sich vor, lebendige Teamfotos in Ihrem 'Über uns'-Abschnitt hinzuzufügen oder ruhige Landschaften für Nachhaltigkeitsthemen darzustellen. Diese dynamischen Visuals erhöhen die ästhetische Attraktivität und helfen, die Geschichte Ihrer Marke wirkungsvoller zu vermitteln.
Lesbarkeit trifft Stil
Sicherzustellen, dass Inhalte vor unruhigen oder farbenfrohen Hintergründen hervorstechen, ist im Webdesign entscheidend. Avonni Container begegnet dieser Herausforderung durch den Einsatz von Überlagerungsfarben. Stellen Sie sich eine dunkle Überlagerung auf einem festlichen Hintergrund vor, die Ihre Veranstaltungsdetails hervorhebt, oder einen dezenten Farbton, der Ihren Inhalten Tiefe verleiht und gleichzeitig die Lesbarkeit bewahrt.
Volle Kontrolle über die Präsentation
Avonni Container bietet umfangreiche Kontrolle über Größe, Hintergrund und Rahmen jedes Abschnitts. Das bedeutet, Sie können feinabstimmen, wie Ihre Inhalte Platz einnehmen, Hintergrundfarben oder -bilder an Ihr Thema anpassen und Rahmeneinstellungen für zusätzliche Definition vornehmen. Jedes dieser Elemente spielt eine entscheidende Rolle bei der Verbesserung der visuellen Struktur Ihrer Seite.
Anpassungsfähigkeit für verschiedene Zielgruppen
In der heutigen digitalen Landschaft ist es entscheidend, verschiedenen Zielgruppenbedürfnissen gerecht zu werden. Avonni Container wurde mit dieser Anpassungsfähigkeit im Blick entwickelt. Ob Sie den Kartenstil für News-Abschnitte in Partnerportalen verwenden oder den Box-Stil, um Sonderangebote in Kundenbereichen hervorzuheben – diese Komponente stellt sicher, dass Ihre Inhalte gesehen werden und bei Ihrer Zielgruppe Anklang finden.
Zusammenfassung
Die Avonni Container-Komponente ist mehr als nur ein Werkzeug; sie ist eine Leinwand für Kreativität und eine Lösung für vielfältige Webdesign-Herausforderungen bei der Nutzung von Experience Cloud. Ihre Vielseitigkeit, dynamischen visuellen Möglichkeiten, Lesbarkeitsverbesserungen und anpassbaren Anzeigeoptionen machen sie für jede Salesforce Experience Cloud-Site unverzichtbar. Ob Sie fesseln, informieren oder zum Mitmachen animieren möchten – Avonni Container befähigt Sie, alles mit Stil und Effizienz zu tun.
Einstellungen
Variante
Wählen Sie eine Stilvariante, um das Gesamt Erscheinungsbild des Containers zu definieren. Mehr erfahren
Wählen Sie eine Variante, die zu Ihrer Designvision passt, egal ob Sie eine schlichte, boxförmige oder kartenähnliche Darstellung Ihrer Inhalte bevorzugen.
Hintergrundbild
Legen Sie ein Hintergrundbild für den Container fest.
Laden Sie ein Bild hoch oder geben Sie eine URL für ein Bild an, das die visuelle Attraktivität des Containers erhöht und zur Stimmung oder zum thematischen Ton beiträgt, den Sie vermitteln möchten.
Überlagerungsfarbe
Wenden Sie eine Farbüberlagerung über dem Hintergrundbild an.
Wählen Sie eine Farbe, die das Hintergrundbild dezent überlagert und dabei hilft, die Sichtbarkeit und Lesbarkeit der Inhalte im Container zu erhalten.
Das Variante Die Eigenschaft der Avonni Container-Komponente ist ein entscheidendes Merkmal, das den grundlegenden Stil und die Struktur des Containers definiert und den Rahmen dafür setzt, wie Inhalte darin angezeigt und interagiert werden. Hier ist eine detaillierte Erklärung jeder Variante:
Standard
Beschreibung: Das
standardDie Variante bietet einen grundlegenden und minimalistischen Stil. Die Standardeinstellung stellt einen sauberen und einfachen Container ohne zusätzliche stilistische Elemente bereit. Diese Variante ist ideal für Inhalte, die ein schlichtes Layout benötigen, ohne zusätzliche visuelle Betonung.

Verwendung: Verwenden Sie die
standardVariante, wenn Sie eine unkomplizierte und saubere Darstellung benötigen. Sie eignet sich perfekt für Fälle, in denen der Inhalt ohne zusätzliche Gestaltung des Containers hervorstechen soll. Diese Variante passt zu Informationsblöcken, textlastigen Abschnitten oder wenn der Fokus rein auf dem Inhalt statt auf dem Container liegen soll.
Box
Beschreibung: Das
boxDie Variante fügt dem Container mehr Definition hinzu, typischerweise durch Rahmen oder leichte Schattierungen, wodurch der Eindruck entsteht, der Inhalt sei 'eingebunden'. Diese Variante schafft ein Gefühl von Tiefe und Betonung, wodurch sie auf der Seite prominenter wirkt.

Verwendung: Entscheiden Sie sich für die
boxVariante, wenn Sie mehr Aufmerksamkeit auf den Container lenken möchten, etwa für vorgestellte Inhalte oder wichtige Hinweise, oder wenn Sie verschiedene Seitenabschnitte visuell trennen möchten. Der boxförmige Stil ist vorteilhaft in Layouts, in denen mehrere Containerelemente eine deutliche Abgrenzung benötigen oder beim Erstellen einer dashboardähnlichen Oberfläche.
Karte
Beschreibung: Das
cardDie Variante verwandelt den Container in ein kartenähnliches Layout, typischerweise gekennzeichnet durch Schatten (was einen schwebenden Effekt erzeugt), abgerundete Ecken und möglicherweise einem markanteren Rahmen.

Verwendung: Das
cardDie Variante ist ideal für einzelne Inhaltsblöcke, die besondere Aufmerksamkeit benötigen, wie Profile, Produktbeschreibungen oder interaktive Elemente. Sie ist eine ausgezeichnete Wahl, um ein visuell ansprechendes Raster von Optionen oder Informationsblöcken zu erstellen, wobei jede Karte ein Stück Inhalt einer größeren Sammlung enthält. Diese Variante ist besonders effektiv in responsiven Designs, da Karten sich auf verschiedenen Bildschirmgrößen elegant neu anordnen können.
Zusammenfassung
Die Wahl der richtigen Variante für den Avonni Container bedeutet, den Stil des Containers mit dem Zweck Ihres Inhalts und der Gesamtästhetik Ihrer Seite abzustimmen. Ob Sie sich für die ungeschmückte Einfachheit von standard, die definierten Grenzen von boxoder die moderne Anziehungskraft von cardentscheiden – jede Option bietet eine einzigartige Möglichkeit, Ihre Inhalte innerhalb der Salesforce Experience Cloud-Umgebung zu rahmen und hervorzuheben.
Innenabstand
Passen Sie den inneren Abstand des Containers an.
Definieren Sie die Padding-Werte, um sicherzustellen, dass die Inhalte des Containers einen angemessenen Abstand zu den Rändern haben, was Lesbarkeit und Ästhetik verbessert.
Größe
Konfigurieren Sie die Abmessungen des Containers und das Verhalten bei überlaufendem Inhalt.
Legen Sie spezifische Breiten- und Höhenwerte fest und bestimmen Sie, wie der Container mit Inhalten umgehen soll, die seine Abmessungen überschreiten (Overflow).
Hintergrund
Passen Sie den Hintergrund an, indem Sie eine Farbe festlegen und die Größe sowie die Ausrichtung des Hintergrundbildes anpassen.
Konfigurieren Sie diese Einstellungen, um die gewünschte visuelle Wirkung und Ausrichtung des Hintergrunds in Bezug auf den Inhalt des Containers zu erzielen.
Rahmen
Definieren Sie das Erscheinungsbild des Rahmens des Containers.
Passen Sie den Rahmen an, indem Sie Größe, Stil, Farbe und Eckradius auswählen, sodass er das Gesamtdesign des Containers ergänzt.
Zuletzt aktualisiert
War das hilfreich?
