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

Content Slider

The "Content Slider" displays slides that summarize the respective article content. The slides can be customized to best fit the content. Also, you can click through the slides (forward and back).

There are three types of slides that can be included here:

  • Text

  • Quote

  • Video

Example page view

The module is marked in orange

zoom

This is how the module works

The module consists of the following components

ContentDescription
TooltipThis is shown on the first slide, which indicates that it is an abbreviated version, and depicts a summary reading time
Slides- Slides can be added here
- Text, quote and video slides are possible

Text slide consists of the following components

ContentDescription
1.ContentWhen you click on the Content tab, you will see the following options
FigureText to be displayed as a bold heading like an image.
HeadlineIt is displayed centered above the slider
TextThis is descriptive text for the content slider
2.LayoutWhen you click on the Layout tab, you will see the following options
Figure colorChoose the color of the text
Background colorChoose the background color
Image overlayChoose Image Overlay
ImageAdd image as background

The quote slide consists of the following components

ContentDescription
1.ContentWhen you click on the Content tab, you will see the following options
QuoteThe text can be of any length, superscripted, subscripted, bold and contain lists.
AuthorAuthor's name
Additional InformationShort description of the author
ImageChoose a profile picture for the author
2.LayoutWhen you click on the Layout tab, you will see the following options
Background colorChoose the background color
Image overlayChoose Image Overlay
ImageAdd image as background

The video slide consists of the following components

ContentDescription
NameName of the video
Video-Video ID from YouTube, Flixel, Vimeo
-Video URL from HLS Video or External Video file
Thumbnail - Cropped image: width 335 px or width 450 px (mobile view)

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

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.

The 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 “Content Slider”

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