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
  • Navigation
  • Floating anchor navigation link

Floating anchor navigation link

This component offers a button icon for page navigation.
Editor can rotate the icon, set a size and select a color using dropdown options.
Editor can also upload a custom icon.

Note: Please ensure zero padding between sections above and below this component.
This can be done from "Settings" on the top right corner.

  • Settings > Spacing to other components > Spacing before

  • Settings > Spacing to other components > Spacing before

Example page view

The module is marked in orange

zoom

This is how the module works

The module consists of the following components

Content areaDescription
LinkHere you can add an internal page link
Icon colorSelect a color from the dropdown
Icon sizeSelect the icon from the dropdown
Custom/Default iconFor default icon. user can set the "Icon direction"
For Custom icon, user can select a custom image from internal or external source.

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 “Floating anchor navigation link”

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