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
  • Pattern Library
  • flexible
    • Deutsch
  • Home
  • Patterns by type
  • Content > Media
  • Fixed-Image

Fixed Image

Fixed image component is used to keep the image in a constant position on webpage, enhancing user experience and ensuring the visibility of important information or actions as users scroll through the content.

Example page view

Module “Fixed Image” marked in Orange

zoom

This is how the module works

The module consists of the following components

Content areaDescription
HeadlinePositioned on the image in blue stripes
SubheadlinePositioned on the image in blue stripes below headline
ImageCropped image
HeightSet the height behaviour from the available options
- Default
- Aspect ratio
- Relative to the width of the browser window
- Custom CSS

The module can be used in the following page 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
Der blaue Bereich gibt an, dass das Modul in diesem Theme anwendbar ist.

Example page “Fixed Image”

Example page

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