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
Language: English arrow-down
  • Deutsch
Search search tk-menu tk-close menu
  • Pattern Library
  • flexible
    Language: English arrow-down
    • Deutsch
  • Home
  • Patterns by type
  • Content > Text
  • Organizational Chart (02_03)

Organizational Chart (02_03)

The “Organizational Chart” module shows lists of text blocks in three or four columns, and is therefore very suitable for displaying organizational structures. This is primarily used on article pages.

Example page view

The module is marked in orange

Organisational Chart - Module view

Organizational Chart in the bottom section of a page

This is how the module works

The module consists of the following components:
1. HeadlineHeadline for the entire table
2. Lists- The individual columns consist of lists with any number of list elements.
- List headline and sub-headline (optional)
List elementsany number:
- Text (only standard formatting)
- abbreviation (optional)
- Footnote (optional)
Colour display:
- white text on dark grey background
- dark grey text on a light grey background
- white text on blue background

Note: A colour must always be selected for the list elements.
Text definitions (optional)Legend for the list elements used (If a definition is not completed, the corresponding legend element will not appear either.)

This is how the module works

The module consists of the following components:
1. HeadlineHeadline for the entire table
2. Lists- The individual columns consist of lists with any number of list elements.
- List headline and sub-headline (optional)
List elementsany number:
- Text (only standard formatting)
- abbreviation (optional)
- Footnote (optional)
Colour display:
- white text on dark grey background
- dark grey text on a light grey background
- white text on blue background

Note: A colour must always be selected for the list elements.
Text definitions (optional)Legend for the list elements used (If a definition is not completed, the corresponding legend element will not appear either.)

The module can be used in the following templates and page areas:

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
The blue area indicates that the module is applicable in this content area.

Dimensioned screenshots

Organisational Chart: Dimensioning Desktop
Desktop
Organisational Chart: Dimensioning Tablet
Tablet
Organisational Chart: Dimensioning Mobile
Mobile

This module can be used in the following themes:

  • Internet
  • Intranet
  • Suite
The blue area indicates that the module is applicable in this theme.

This is what the module looks like

Organizational Chart (02_03)

Example page
up to top arrow-up

arrow-down UCP Pattern Library

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

Follow us

  • Global Corporate Website
© thyssenkrupp AG 2023
  • Sitemap
  • Imprint
  • Legal Notes
  • Share tk-share
    FacebookTwitter Email LinkedIn