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
Deutsch arrow-down
  • English
Search search tk-menu tk-close menu
  • Pattern Library
  • flexible
    Deutsch arrow-down
    • English
  • Startseite
  • Pattern nach Typus
  • Gallery/List/Teasers
  • Icon Collection

Icon Collection

Die Komponente „Icon Collection“ ermöglicht es, Icons anzuzeigen und jedem Icon optional einen Link zuzuordnen.

Die Symbole/Links richten sich entsprechend der Bildschirmbreite automatisch in einer geraden Linie in der Mitte aus und werden in der nächsten Zeile für weitere Symbole für kleinere Bildschirme angezeigt.

Beispiel Seitenansicht

Das Modul ist orange markiert

So funktioniert das Modul

Das Modul besteht aus den folgenden Komponenten

InhaltsbereichBeschreibung
HeadlineHier können Sie eine Überschrift definieren
SubheadlineHier können Sie eine Unterüberschrift definieren, die kleiner und ausgegraut über der Hauptüberschrift erscheint
IconsHier können Sie mehrere Symbole hinzufügen, indem Sie auf die Schaltfläche „+ Symbol“ klicken
Link - Sie können interne, externe, E-Mail-, Telefon- oder Download-Links ohne Text hinzufügen.
Bild – Sie können Bilder über die interne Medienverwaltung, externe URL oder Mediapath hinzufügen.
Bildtitel - Wird beim Hover als Tooltip angezeigt
Alternative Textbeschreibung (alt) des Bildes
Hover-Bild – Sie können Bilder über die interne Medienverwaltung, externe URL oder Mediapath hinzufügen.
Alternative Textbeschreibung (alt) des Hover-Bildes

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

Beispielseite
nach oben arrow-up

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