Teaser

Ein Teaser erzeugt eine Kombination aus Icon/Bild und Text, welche genutzt werden kann, um Information anzureißen.

Teaser Title

Teaser mit Bild
Bild abrunden
Teaser Inhalt zentriert

Teaser Title

Teaser mit Icon
Teaser Inhalt zentriert

ERROR: Content Element with uid "250" and type "gridelements_pi1" has no rendering definition!

Teaser Title

Teaser mit Custom Icon
Teaser Inhalt zentriert
Rahmen um Element

Teaser Title

Icon links

ERROR: Content Element with uid "249" and type "gridelements_pi1" has no rendering definition!

Frontend

ERROR: Content Element with uid "248" and type "gridelements_pi1" has no rendering definition!

ERROR: Content Element with uid "240" and type "gridelements_pi1" has no rendering definition!

ERROR: Content Element with uid "247" and type "gridelements_pi1" has no rendering definition!

Backend

Um ein Teaser anzulegen muss ein "UI - Image/Icon Teaser Item" angelegt werden.

  1. Die Option "Icon" kann mit einem Namen aus der UIKit Icon Komponente befüllt werden (Bsp.: check).
    Anstatt einem das Feld "Icon" auszufüllen kann auch im Tab "Erscheinungsbild" eine Datei (png, jpg, svg) eingefügt werden. Um dieses anstatt dem Icon anzuzeigen muss das Feld "Icon" leer sein.
  2. Die Option "Icon Ratio (Größe)" bestimmt die Größe des Icons (Bsp.: 2 oder 1.2).
  3. Die Option "Icon Position" ermöglicht es, dass Icons links neben der Überschrift darzustellen (ansonsten darüber).
  4. Die Option "Teaser Inhalt zentrieren?" zentriert sämtliche im Element vorhandenen Inhalte.
  5. Die Option "Bild abrunden?" erzeugt ein Rundes Erscheinungsbild für das eingefügte Bild/Icon.
  6. Die Option "Rahmen um Element" erzeugt einen Teaser, der von einer Kontur umrandet wird.
  7. Im Feld "Teaser Link" kann ein Link-Ziel gewählt werden. Im dazugehörigen Feld "Link Text" wird die Beschriftung für den Link festgelegt. Sind beide Felder ausgefüllt wird ein Link im Teaser generiert.

ERROR: Content Element with uid "244" and type "gridelements_pi1" has no rendering definition!