Registerkarten-Container

Der Registerkarten-Container ist eine Layout-Komponente, die eine tabulatorbasierte Oberfläche erstellt. Jede Registerkarte fungiert als Container, sodass Sie andere Avonni-Komponenten darin platzieren können.

Hauptunterschied zum Tabs-Komponent

Verstehen des grundlegenden Unterschieds zwischen dem Avonni-Tabs und Registerkarten-Container Komponenten ist entscheidend, da sie unterschiedliche Zwecke erfüllen.

• Avonni-Tabs: Diese Komponente ist dafür ausgelegt, Registerkarten zu erstellen dynamisch basierend auf einer Datenquelle. Sie verbinden sie mit einer Datenquelle (wie einer Liste von Datensätzen, einer Auswahlliste oder manuell eingegebenen Werten), und die Komponente erstellt automatisch eine Registerkarte für jeden Eintrag in dieser Datenquelle. Sie kann keine anderen Avonni-Komponenten per Drag & Drop in den Registerkarten platzieren. Betrachten Sie sie als ein datengetriebenes Navigationselement.

• Registerkarten-Container: Diese Komponente ist ein Layout-Container. Er ermöglicht Ihnen, eine Registerkartenstruktur zu erstellen und dann manuell hinzuzufügen und anzuordnen jedes Avonni-Komponenten innerhalb des Inhaltsbereichs des jede Registerkarte. Sie haben völlige Freiheit, das Layout und den Inhalt jeder Registerkarte unabhängig zu gestalten. Es geht darum, Ihre UI zu strukturieren und andere Komponenten zu organisieren.

Verwenden Sie die Avonni-Tabs Komponente zur Erstellung von Registerkarten basierend auf einer Liste von Datensätzen oder Optionen. Verwenden Sie die Registerkarten-Container Komponente, wenn Sie ein Registerkarten-Layout mit beliebigen Komponenten innerhalb jeder Registerkarte

Einrichten Ihres Registerkarten-Containers

Dies sind die Mindest- Schritte, die erforderlich sind, damit ein funktionierender Registerkarten-Container arbeitet:

Den Registerkarten-Container hinzufügen

Ziehen Sie eine Registerkarten-Container-Komponente auf die Leinwand.

Registerkarten (Elemente) hinzufügen

• Stellen Sie die Sichtbarkeit des Kalenders ein Elemente Eigenschaft. Klicken Sie auf die Schaltfläche/den Link, um den Elemente-Editor zu öffnen.

• Klicken Sie auf "Elemente hinzufügen", um eine neue Registerkarte hinzuzufügen. Fügen Sie mindestens zwei Registerkarten hinzu, um die Registerkartenfunktionalität zu sehen.

• Für jede Registerkarte:

  • Bezeichnung: Geben Sie den Text ein, der auf der Registerkarte selbst angezeigt werden soll (z. B. "Details", "Kontakte").

  • Wert: Geben Sie einen einzigartiger Wert für die Registerkarte ein (z. B. "details", "contacts"). Vermeiden Sie Leerzeichen oder Sonderzeichen. Dieser Wert wird für den programmatischen Zugriff verwendet (z. B. zum Festlegen der aktiven Registerkarte).

  • Symbolname: Der Name eines Avonni-Icons (oder eines Salesforce SLDS-Icons), das auf der Registerkarte angezeigt werden soll. Dies fügt der Registerkarte ein visuelles Zeichen hinzu. Beispiel: utility:info, standard:account.

  • Symbolposition: Wo das Symbol angezeigt werden soll. Mögliche Werte sind Oben, links oder rechts.

  • Tooltip: Eine kurze Textbeschreibung, die erscheint, wenn der Benutzer den Mauszeiger über die Registerkarte bewegt. Verwenden Sie Tooltips, um zusätzlichen Kontext oder Anweisungen bereitzustellen.

  • Untertitel: Text wird angezeigt unterhalb dem Haupt-Registerkartenlabel. Dies kann verwendet werden, um eine zweite Informationszeile oder eine kurze Beschreibung des Inhalts der Registerkarte bereitzustellen

Inhalte zu Registerkarten hinzufügen

• Wählen Sie die Registerkarten-Container-Komponente auf der Leinwand aus.

• Klicken Sie in der Vorschau auf eine Registerkarte, um den Inhaltsbereich dieser Registerkarte auszuwählen.

• Ziehen Sie andere Avonni-Komponenten aus der Komponentenbibliothek in den ausgewählten Inhaltsbereich der Registerkarte. Das ist es, was den Registerkarten-Container so leistungsfähig macht.

Das war's! An diesem Punkt sollten Sie einen funktionierenden Registerkarten-Container mit mehreren Registerkarten haben und zwischen den Registerkarten wechseln können, um die unterschiedlichen Inhaltsbereiche zu sehen. Sie muss Fügen Sie jedem Tab Inhalt hinzu, damit er korrekt angezeigt wird.

Weitere Konfigurationsoptionen

Diese Einstellungen bieten weitere Anpassungs- und Steuerungsmöglichkeiten für das Erscheinungsbild und Verhalten des Registerkarten-Containers:

• Wert des aktiven Elements: Das Wert der aktuell ausgewählten Registerkarte. Sie können binden dieser einem Variablen-Ressource zuweisen, um programmgesteuert zu steuern, welche Registerkarte aktiv ist und um auf Registerkartenwechsel zu reagieren.

• Scrollbar: Aktivieren Sie dies, wenn Sie viele Registerkarten haben, die möglicherweise nicht innerhalb der verfügbaren Breite (horizontale Ausrichtung) oder Höhe (vertikale Ausrichtung) Platz finden.

• Scroll-Schaltflächen anzeigen: Wenn Scrollbar aktiviert ist, steuert dies, ob explizite Scroll-Schaltflächen (Pfeile) angezeigt werden.

• Gekapselt: Wenn aktiviert, gruppiert dies die Registerkarten visuell.

• Ausrichtung:

  • Horizontal (Standard): Registerkarten werden oben angezeigt.

  • Vertikal: Registerkarten werden an der Seite angezeigt (normalerweise links).

Registerkartenauswahl (Wert des aktiven Elements)

Das Wert des aktiven Elements Eigenschaft steuert, welche Registerkarte ausgewählt ist. Legen Sie sie auf den Wert der gewünschten Registerkarte fest. Sie können direkt einen Standardwert setzen.