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 arrow-down
  • Deutsch
Search search tk-menu tk-close menu
  • Pattern Library
  • flexible
    English arrow-down
    • Deutsch
  • Home
  • Patterns by type
  • Content > Text
  • Newsroom Header

Newsroom Header

The “Newsroom Header” module is used for displaying the title/headline of news & stories with an image. You can also collapse/expand the description for the header.

Example page view

The module is marked in orange

Collapsed state

zoom

Expanded State

zoom

This is how the module works

The module consists of the following components

Content areaDescription
Page titleHere you can define a headline
Page descriptionHere you can add the newsroom header description that will be hidden by default.
“Expand header information” button labelShow information label.
“Collapse header information” button labelHide description label
ImageYou can choose the image from source type of Internal, External or Mediapath.
Image will be displayed on the right corner of the Newsroom Headline.

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.

This module can be used in the following themes:

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

Example page “Newsroom Header”

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