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.
- 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. - Die Option "Icon Ratio (Größe)" bestimmt die Größe des Icons (Bsp.: 2 oder 1.2).
- Die Option "Icon Position" ermöglicht es, dass Icons links neben der Überschrift darzustellen (ansonsten darüber).
- Die Option "Teaser Inhalt zentrieren?" zentriert sämtliche im Element vorhandenen Inhalte.
- Die Option "Bild abrunden?" erzeugt ein Rundes Erscheinungsbild für das eingefügte Bild/Icon.
- Die Option "Rahmen um Element" erzeugt einen Teaser, der von einer Kontur umrandet wird.
- 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!