Generic Key Information component

put your key information on display

  • add images
  • add text below the images

The Generic Key Information component lets you highlight key information to give the viewer a first overview.

on this page:
CMS settings , Opens In New Window Front-end examples , Opens In New Window
Step by step , Opens In New Window

Introduction

The Generic Key Information component can contain multiple Items. The Items consist of an image, value and description field, that are used to present your key information. The Items are alligned in a row next to each other with 4 Items per row.

Glossary:

Example From Erste Bank AT:

George

Schnelle Kontoeröffnung

Top-Service

Filialen

CMS settings

tab: General

In the General tab of the Generic Key Information component, the Theme and Items can be configured.

Editorial hint:

BB Codes  

Since there is no Rich Text Editor for writing the textual content of the component, it is helpful to use BB Codes for styling. You can insert a line break or simply make some text bold, italic or red.

tab: Spacing

Front-end examples

1 Item

Value

2 Items

Value

Value

3 Items

Value

Value

Value

4 Items

Value

Value

Value

Value

5 Items

Value

Value

Value

Value

Value

Text Variations

Value - Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Value

Value - Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Image Variations

SVG

PNG

JPG

GIF

Theme: Transparent

Value

Value

Value

Theme: White

Value

Value

Value

Theme: Light Blue

Value

Value

Value

Theme: Blue

Value

Value

Value

Theme: Dark Blue

Value

Value

Value

Theme: Light Grey

Value

Value

Value

Theme: Grey

Value

Value

Value

Theme: Dark Grey

Value

Value

Value

Theme: Light Orange

Value

Value

Value

Theme: Green

Value

Value

Value

Grid Position: Default

Value

Value

Value

Grid Position: 1

Value

Value

Value

Grid Position: 2

Value

Value

Value

Grid Position: 3

Value

Value

Value

Step by step

1

2

3

Related topics

Used recurring elements