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
  • Gallery/List/Teasers
  • Contact Teaser

Contact Teaser

The "Contact Teaser" can be used to show the user of a page the contact details of a contact person who has already been created in the data source.

Example page view

The module ist marked in red

This is how the module works

The module consists of the following components

ContentDescription
HeadlineHeadline that appears above the picture
Show MapTick the checkbox to show map. The default is false.
User coordinates must be added in data source of the contact. You can choose Map provider - Google or Baidu map from a radio button below this checkbox
ContactSelection of one Contact Person. The person must exist in a data source and can be selected from a list.
Every content will be displayed in this module

Contact consists of the following components:

Content areaDescription
General informationMaster data from the data source
Changes to the master data in the module are adopted in the data source
LabelsAppropriate labels can be assigned to master data
Changes to the labels in the module are adopted in the data 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.

This is what the module looks like

Contact Teaser

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