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
  • Anchor Links - Dropdown (07_15)

Anchor Links - Dropdown (07_15)

Das „Anchor Links (Dropdown)" Modul besteht aus einem Dropdown Menü, welchem Auswahlelemente in Form von Links zugewiesen werden können. Dieses Modul wird eingesetzt, um dem Nutzer die Möglichkeit zu bieten, direkt zu einer Position der aktuellen Seite springen zu können.

Daher macht für dieses Modul im Regelfall vor allem eine Platzierung am Seitenanfang bei längeren Seiten Sinn. Abgesehen von der unterschiedlichen Gestaltung unterscheidet sich dieses Modul zum Modul "Anchor Navigation (sticky)" zusätzlich durch seine feste Position.

Beispiel Seitenansicht

Das Modul ist orange markiert

Anchor Links (Dropdown) - Modulansicht

Anchor Links im Contentbereich

So funktioniert das Modul

Das Modul besteht aus folgenden Komponenten:
1. Überschrift
- Überschrift
- Beschriftung des Auswahlmenüs
2. Linkliste- beliebig viele interne Links (Seiten, einzelne Pressemitteilungen, Applikationen mit Vorfilterung (Mediencenter, Publikationen)
- Eingabe eines Linktextes
- Auswahl der Zielseite
- optional: Auswahl eines Seitenabsatzes bzw. Moduls

So funktioniert das Modul

Das Modul besteht aus folgenden Komponenten:
1. Überschrift
- Überschrift
- Beschriftung des Auswahlmenüs
2. Linkliste- beliebig viele interne Links (Seiten, einzelne Pressemitteilungen, Applikationen mit Vorfilterung (Mediencenter, Publikationen)
- Eingabe eines Linktextes
- Auswahl der Zielseite
- optional: Auswahl eines Seitenabsatzes bzw. Moduls

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.

Vermaßte Screenshots

Anchor Links (Dropdown): Vermaßung Desktop
Desktop
Anchor Links (Dropdown): Vermaßung Tablet
Tablet
Anchor Links (Dropdown): Vermaßung Mobile
Mobile
Abstände Guide

Erläuterung: Abstandswerte, die in den vermaßten Screenshots verwendet werden

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.

Anchor Links - Dropdown (07_15)

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