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
  • flexible
  • flexible page layout
  • Edit content and layout area

Edit content and layout area

Edit layout area


Click on the Edit icon besides layout area name as per shown in below image. The edit layout area panel will be displayed.

Edit layout area Panel

Following are the configurations available in Edit layout area panel:

Content areaDescription
NameName for the layout area
Spacing beforeSpacing before the other layout area. Available options are none, small, medium and large
Spacing afterSpacing after the other layout area. Available options are none, small, medium and large
Sidebar positionThis field available only in Default with sidebar. Here, we can select if the sidebar should be on left or right of content area
HeightHeight of the layout area

Edit content area

1. Open Page content structure panel.
2. Expand any of the existing layout area (If layout area does not exist, add it )
3. Click on the Edit icon besides 'Main' content area name as per shown in below image. The edit content area panel will be displayed.

Edit content area Panel

Following are the configurations available in Edit content area panel:

Content areadescription
NameName of the content area
Alignment of the contentThe value of this field determines how the content inside the layout area should be placed. Available options are top, center, bottom and scale.

Quick links

  • Flexible page example
  • Layout area details
  • Flexible page layout
  • Delete Layout and Edit Postions

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