AX - Karte

Überblick

AX - Karte ist eine Experience-Cloud-Komponente, die Inhalte in einem abgegrenzten, visuell strukturierten Format auf Experience-Sites-Seiten anzeigt.

Verwenden Sie sie, um Informationen in organisierten Blöcken darzustellen – wie Produktdetails, Benutzerprofile, Artikel, Ressourcen oder beliebige Inhalte, die von visueller Trennung profitieren. Ziehen Sie beliebige Experience-Cloud-Komponenten in die Karte, um deren Inhalt zu erstellen, und konfigurieren Sie Styling, Kopf- und Fußzeilen im Experience Builder.

Perfekt für Produktkataloge, Ressourcenbibliotheken, Teammitgliederprofile, Artikelvorschauen oder überall dort, wo Portalinhalte eine klare visuelle Organisation und Trennung benötigen.

Diese Komponente nutzt Slots für erweiterte Anpassungen, wodurch sie ideal für LWR-Seiten ist. Aura-Seiten unterstützen dieses Anpassungsniveau nicht.

Konfiguration der Avonni-Karte

Einen Kartentitel hinzufügen

Geben Sie Ihrer Avonni-Karte einen klaren und informativen Titel, damit Benutzer den Inhalt schnell erkennen können. So geht's:

• Finden Sie das Attribut "Kartentitel": Diese Einstellung befindet sich in den Konfigurationsoptionen der Avonni-Karte im Experience-Cloud-Site-Builder.

• Geben Sie Ihren Titel ein: Geben Sie den Text ein, der als Titel angezeigt werden soll. Halten Sie ihn knapp und aussagekräftig.

• Platzierung: Der Titel erscheint automatisch auf der linken Seite Ihrer Avonni-Karte und bietet einen visuellen Ankerpunkt.

Beispiel:

Wenn Ihre Avonni-Karte Produktinformationen anzeigt, könnten Sie einen Kartentitel wie "Standort" verwenden.

Kopfzeile anzeigen

Aktivieren Sie das Attribut "Kopfzeile anzeigen", um oben rechts in Ihrer Avonni-Karte einen vielseitigen Container hinzuzufügen. Damit können Sie:

• Karteninhalt anpassen: Sie können andere Komponenten, wie Schaltflächen, Symbole oder zusätzlichen Text, direkt in die Kopfzeile ziehen und dort ablegen.

• Flexible Layouts erstellen: Ordnen Sie Elemente innerhalb der Kopfzeile an, um das perfekte Aussehen und die gewünschte Funktionalität Ihrer Karte zu erreichen.

Beispiel: Fügen Sie eine Schaltfläche „Neuen Fall erstellen“ auf einer Kundenkontoseite hinzu. Durch Klicken auf diese Schaltfläche würde ein Flow-Dialog ausgelöst, der den Benutzer beim Einreichen eines neuen Support-Falls führt und alle erforderlichen Informationen sammelt.

Fußzeile anzeigen

Diese Option aktiviert einen Fußbereich am unteren Rand Ihrer Avonni-Karte. Sie können den bereitgestellten Fußzeilen-Slot verwenden, um Inhalte wie Links, Schaltflächen oder zusätzlichen Text hinzuzufügen.

Innenabstand des Inhalts

Passen Sie den Abstand um den Inhalt innerhalb Ihrer Karte an. Verwenden Sie diese Einstellung, um ein kompakteres Layout mit am Rand ausgerichtetem Inhalt zu erstellen oder mehr Platz zum Atmen hinzuzufügen.

Tutorials

Name	Beschreibung
Erstellung einer MapCard-Showcase	Lernen Sie, wie man mit Avonni Card- und Kartenkomponenten ein MapCard-Showcase erstellt

Erscheinungsbild

Größe

• Breite: Steuert die horizontale Breite der Karte. Sie können feste Breiten (Pixel, Prozentsätze) verwenden oder die Karte an ihren Inhalt bzw. die Containergröße anpassen lassen.

• Höhe: Steuert die vertikale Höhe der Karte. Ähnlich wie bei der Breite können Sie feste oder flexible Höheneinstellungen verwenden.

• Überlauf: Bestimmt, wie die Karte mit Inhalten umgeht, die ihre Abmessungen überschreiten. Optionen können sein:

  • Sichtbar: Inhalte fließen über die Grenzen der Karte hinaus.

  • Versteckt: Inhalte werden an den Rändern der Karte abgeschnitten.

  • Scrollen: Fügt Bildlaufleisten zur Karte hinzu, wenn Inhalte überlaufen.

Kopfzeile

• Hintergrundfarbe: Legt die Hintergrundfarbe des Kopfzeilenbereichs der Karte fest.

• Textfarbe: Legt die Farbe von Textelementen innerhalb der Kopfzeile fest.

• Schriftgröße: Steuert die Größe des Kopfzeilentexts.

• Schriftstärke: Legt die Fettung des Kopfzeilentexts fest (z. B. normal, fett, leicht).

• Schriftfamilie: Gibt die Schriftart an, die für den Kopfzeilentext verwendet wird.

• Unterer Rand - Größe: Legt die Dicke des unteren Randes fest, der die Kopfzeile vom Hauptinhalt der Karte trennt.

• Unterer Rand - Farbe: Legt die Farbe des unteren Randes in der Kopfzeile fest.

Medien

• Breite: Steuert die Breite des Medienbereichs der Karte (wahrscheinlich für Bilder oder Videos).

• Höhe: Steuert die Höhe des Medienbereichs der Karte.

• Objektanpassung: Bestimmt, wie ein Bild oder Video skaliert werden soll, um in seinen Container zu passen. Optionen umfassen:

  • Ausfüllen: Dehnt den Inhalt, um den Raum zu füllen, wodurch das Seitenverhältnis möglicherweise verzerrt wird.

  • Anpassen: Skaliert den Inhalt so, dass er vollständig in den Raum passt, wodurch möglicherweise Leerbereiche entstehen.

  • Abdecken: Skaliert den Inhalt so, dass er den gesamten Raum abdeckt, wodurch Teile beschnitten werden können.

  • Keine: Zeigt den Inhalt in Originalgröße an.

  • Herunterskalieren: Der Inhalt wird verkleinert, wenn er die Containerabmessungen überschreiten würde, andernfalls wird er in Originalgröße angezeigt.

• Randgröße: Steuert die Dicke des Rahmens um das Medienelement.

• Randfarbe: Legt die Farbe des Rahmens um das Medienelement fest.

Rahmen

• Größe: Legt die Gesamtdicke des Rahmens um die gesamte Karte fest.

• Radius: Steuert, wie abgerundet die Ecken der Karte sind.

• Farbe: Legt die Farbe des Kartenrahmens fest