You are using Internet Explorer 11 or earlier, this browser is no longer supported by this website. We suggest to use a modern browser.

UCP Pattern Library
UCP Pattern Library
UCP Pattern LibraryUCP Pattern LibraryUCP Pattern Library
  • English
  • Pattern Library
  • flexible
    • English
  • Startseite
  • Pattern nach Typus
  • Navigation
  • Tab Navigator

Tab Navigator

Das Modul „Tab-Navigator“ dient dazu, über Tab-Links zu internen Links zu navigieren.

Der Tab-Navigator wird oben in Ihrer Bewerbung platziert und hat nur eine einzige Zeile, die den Titel Ihrer Bewerbung enthält.

Es organisiert Inhalte in separaten Ansichten, in denen jeweils nur eine Ansicht angezeigt werden kann. Die Beschriftung jeder Registerkarte wird in der Kopfzeile der Registerkarte angezeigt und die Beschriftung der aktiven Registerkarte wird mit der animierten Tintenleiste gekennzeichnet.

Beispiel Seitenansicht

Das Modul ist orange markiert

zoom

So funktioniert das Modul

Das Modul besteht aus folgenden Komponenten

InhaltsbereichBeschreibung
TabRegisterkarte zum Hinzufügen von Registerkarten im Registerkartennavigator
ZielseiteWird verwendet, um eine Zielseite über einen Link für den Tab-Navigator hinzuzufügen
Link TextThe Link Text is used to add text for link
VerknüpfungDer Linktext wird verwendet, um Text für den Link hinzuzufügen
SichtbarDas sichtbare Kontrollkästchen wird verwendet, um die Sichtbarkeit der Komponente zu erteilen
Navigation URL slug (optional)Falls angegeben, wird Slug an die Zielseite angehängt. E.g. <navigation-url/slug>

Das Modul kann in den folgenden Seitenbereichen und Templates verwendet werden:

Startpage
stage
content
Content Page
stage
main content
right
bottom
Flexible Layout
full-width
default
default with sidebar right
sidebar
sidebar
default with sidebar left
Der blaue Bereich gibt an, dass das Modul in dieser Content Area anwendbar ist.

Das Modul kann in folgenden Themes eingesetzt werden:

  • Internet
  • Intranet
  • Suite
Der blaue Bereich gibt an, dass das Modul in diesem Theme anwendbar ist.

So sieht das Modul aus

Tab-Navigator

Beispielseite

arrow-down UCP Pattern Library

  • brandfactory
  • media pool - das Digital Asset Management System für thyssenkrupp
  • CMS Login

Folgen Sie uns

  • Global Corporate Website
© thyssenkrupp AG 2023
  • Sitemap
  • Impressum
  • Rechtliche Hinweise
  • Teilen tk-share
    FacebookTwitter Email LinkedIn