Reiter-Navigation (Tabs)

WEBRED 10-030

Was Sie wissen müssen

Sie möchten Inhalte mit Hilfe einer horizontalen Reitern-Navigation strukturieren.

Eine Reiter-Navigation stellt gleichberechtigte Inhalte in einer horizontalen Navigationsstruktur dar. Eine Reiter-Navigation eignet sich immer dann, wenn gleichwertige Optionen übersichtlich dargestellt werden sollen.

Beispiel: Sie möchten Ihren Besuchern die möglichen Optionen eines Angebots übersichtlich darstellen.

Was Sie tun müssen

  1. Inhaltscontainer "Reiter-Navigation" einfügen

    • Fügen Sie an der gewünschten Stelle auf einer Seite durch Klick auf die Schaltfläche [+ Inhalt] einen neuen Inhaltscontainer hinzu.

    • Die Ansicht aktualisiert sich, Sie sehen jetzt den Wizard Neues Inhaltselement erstellen.

    • Wählen Sie im Reiter HFU FCL den Inhaltscontainertyp Reiter-Navigation aus.

    • Die Ansicht aktualisiert sich, Sie sehen jetzt eine Eingabemaske zur Bearbeitung des Inhaltscontainers.

    • Sollten Sie den Typ eines Inhaltscontainers nachträglich ändern wollen können Sie dies über das Auswahlmenü Typ im Reiter Allgemein der sich gerade geöffneten Eingabemaske tun.

  2. Reiter hinzufügen

    • Wechseln Sie in den Reiter Allgemein und fügen Sie durch Klick auf [+ Reiter hinzufügen] ein neues Inhaltselement hinzu.

    • Die Ansicht aktualisiert sich, Sie sehen jetzt die Eingabemaske zur Bearbeitung eines Reiters.

    • Vergeben Sie im Feld Titel des Reiters einen aussagekräftigen Titel. Der Titel wird später im Frontend als Schaltfläche zur Aktivierung des Reiters genutzt werden.

    • Der Titel eines Reiters ist idealerweise kurz und prägnant. Bitte behalten Sie im Hinterkopf, dass alle Reiter idealerweise horizontal nebeneinander angezeigt werden.

    • Wiederholen Sie den Schritt "Reiter hinzufügen" sofern Sie weitere Reiter hinzufügen möchten.

    • Eine Reiter-Navigation besteht idealerweise aus mindestens zwei und maximal vier Reitern.

  3. Inhalte zu einem Reiter hinzufügen

    • Fügen Sie ein oder mehrere Inhaltscontainer zu einem Reiter hinzu, indem Sie auf die Schaltfläche [+ Inhalt zu Reiter hinzufügen] klicken.

    • Die Ansicht aktualisiert sich und es wird ein Inhaltscontainer vom Typ Text und Medien eingefügt.

  4. Speichern

    • Speichern Sie die Änderungen mit einem Klick auf die Schaltfläche [Speichern].

Probleme oder Fragen?

IMZ | IT-Applications

FU C 1.16

Schreiben Sie ein Ticket an "Website" auf servicedesk.hs-furtwangen.de.