Dokumentation
In Abhängigkeit der Media-Datei (Image / Local Video / Youtube Video) werden entsprechende Tabs in der Flexform angezeigt.
Nach Änderung der Media-Datei ist ggf. ein zweites Speichern nötig, damit der passende Tab erscheint!
Abhängige Tabs der tx_t3sbootstrap_flexform:
Default
Mit dieser Einstellung wird ein normales "background-image" erstellt!
Die Größe (hier Höhe) ergibt sich aus der Angabe unter "Padding (top and bottom in rem)".
Inhalte (Content) wird somit vertikal zentriert!
Overlay
Mit "Enable content overlay and autoheight for background-image" wird das Bild in einem "Card-Hintergrund" erstellt und mit einem "Card-Text" überlagert.
Die Höhe wird automatisch aus der "Content-Höhe" und dem "Surcharge height to background-image (in px)" berechnet.
Vertikale Ausrichtung für den Inhalt: Auswahlfeld "Align content items"
Real image
Mit "Image inside (no background-image but a real image)" wird das Bild (img-Tag) in einem "Card-Body" erstellt und mit einem "Card-Text" überlagert.
Vertikale Ausrichtung für den Inhalt: Auswahlfeld "Align content items"
Weitere Settings
Weitere Optionen (Slider) für die CSS-Filter-Effekte sowie ein Raster stehen zur Verfügung.
Background-Color
Wenn kein "Media-Object" ausgewählt wurde, kann eine Hintergrundfarbe ausgewählt werden!
Die Größe (Höhe) ergibt sich aus der Angabe unter "Padding (top and bottom in rem)".
Inhalte wird vertikal zentriert!
Lokales Video z.B. MP4
Hier wird das Video (video-Tag) in einem "Card-Body" erstellt und mit einem "Card-Text" überlagert.
Vertikale Ausrichtung für den Inhalt: Auswahlfeld "Align content items".
Weitere Settings s. Screenshot, sind möglich!
