> For the complete documentation index, see [llms.txt](https://docs.avonnicomponents.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-de/experience-components/ax-tabs.md). # AX - Registerkarten ## Übersicht **AX - Registerkarten** ist eine Experience-Cloud-Komponente, die Inhalte auf Experience-Sites-Seiten in beschrifteten Registerkarten organisiert und Portalbenutzern ermöglicht, zwischen verschiedenen Bereichen zu wechseln, ohne die Seite zu verlassen. Verwenden Sie es, um zusammengehörige Inhalte zu organisieren, die nicht alle auf einmal sichtbar sein müssen – etwa Produktdetails über mehrere Registerkarten, Formulare mit mehreren Abschnitten, kategorisierte Ressourcen oder gruppierte Informationen. Wählen Sie horizontale oder vertikale Registerkartenlayouts und konfigurieren Sie das Styling im Experience Builder. Perfekt für Produktinformationsseiten, Formulare mit mehreren Schritten, Ressourcenkategorien, Kontobereiche oder überall dort, wo Ihr Portal Inhalte in wechselbaren Ansichten organisieren muss. {% hint style="danger" %} Diese Komponente [nutzt Slots](/experience-cloud/experience-cloud-de/erste-schritte/learning-the-basics.md#understanding-slots) für erweiterte Anpassungen und ist damit ideal für LWR-Sites. Aura-Sites unterstützen dieses Maß an Anpassung nicht. {% endhint %} ## Anleitungen Demnächst verfügbar ## Einstellungen {% tabs %} {% tab title="🎛️ Eigenschaften" %} | Name | Beschreibung | Verwendung | | ----------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **Ausrichtung** | Legen Sie die Ausrichtung der Registerkarten fest und wählen Sie zwischen einem horizontalen oder vertikalen Layout. | Wählen Sie die Ausrichtung, die Ihren Designanforderungen am besten entspricht, und optimieren Sie das Layout für die Benutzernavigation und die Sichtbarkeit der Inhalte. | | **Bereichsbezogen** | Aktivieren Sie bereichsbezogenes Styling für eine gezieltere und spezifischere Anwendung von Stilen auf die Registerkarten. | Verwenden Sie diese Funktion, um Stile anzuwenden, die auf die Komponente beschränkt sind, und so unbeabsichtigte Styling-Konflikte mit anderen Seitenelementen zu vermeiden. | | **Scrollen & Scroll-Schaltflächen** | Machen Sie die Registerkarten scrollbar und steuern Sie die Sichtbarkeit der Scroll-Schaltflächen, damit auch bei einer größeren Anzahl von Registerkarten eine einfache Navigation gewährleistet ist. | Konfigurieren Sie die Scroll-Funktionen basierend auf der Anzahl und dem Layout der Registerkarten, damit Benutzer einfach auf alle verfügbaren Registerkarten zugreifen und darin navigieren können. | | **CMS-Hintergrundbild für Inhalte oder URL des Hintergrundbilds für Inhalte** | Passen Sie den Hintergrund des Registerkarten-Inhaltsbereichs an, indem Sie ein Bild aus dem CMS auswählen oder eine URL angeben. | Verbessern Sie die visuelle Attraktivität Ihrer Registerkarten, indem Sie ein Hintergrundbild anwenden, das das Gesamtdesign und die Inhaltsdarstellung ergänzt. | | **Datenquelle** | Definieren Sie die Quelle der Registerkartenbeschriftungen und -inhalte und ermöglichen Sie so die manuelle Konfiguration von Registerkarteneigenschaften wie Beschriftungen, Symbolen und Tooltips. | Nutzen Sie diese Funktion, um die Registerkartendaten anzupassen und sicherzustellen, dass jede Registerkarte korrekt beschriftet und bei Bedarf mit Symbolen oder Tooltips ergänzt ist. | | {% endtab %} | | | {% tab title="🎨 Gestaltung" %} | Name | Beschreibung | | ----------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **Größeneinstellungen** | Definieren Sie die Breite und Höhe der Registerkarten, damit sie nahtlos in Ihr Layout passen. | | **Hintergrund- und Rahmenstile** | Passen Sie Hintergründe und Rahmen mit Optionen wie Farben und Größen an und heben Sie so jede Registerkarte optisch hervor. | | **Registerkartenstile** | Passen Sie verschiedene Aspekte wie vertikale Ausrichtung, Breite, Höhe und Abstände an, um das Erscheinungsbild und Layout der Registerkarten zu verfeinern. | | **Stile für Beschriftung und Untertitel** | Passen Sie das Erscheinungsbild des Textes in den Registerkarten an, indem Sie Farben und Schriftstile anwenden, um Lesbarkeit und ästhetische Wirkung zu verbessern. | | **Stile für die Überlaufschaltfläche** | Passen Sie das Erscheinungsbild der Überlaufschaltfläche an und ändern Sie Text- und Hintergrundfarben für visuelle Konsistenz. | | {% endtab %} | | | {% endtabs %} | | --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-de/experience-components/ax-tabs.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.