berecont/contao-wrapper-bundle

Stellt unterschiedliche Wrapper-Inhaltselemente zur Verfügung.

Maintainers

Package info

github.com/berecont/contao-wrapper-bundle

Forum

Type:contao-bundle

pkg:composer/berecont/contao-wrapper-bundle

Transparency log

Statistics

Installs: 5

Dependents: 0

Suggesters: 0

Stars: 0

Open Issues: 0

1.0.6 2025-09-15 11:14 UTC

This package is auto-updated.

Last update: 2026-08-14 11:10:35 UTC


README

4 zusätzliche Inhaltselemente

Wrapper <div> - Start
Wrapper <div> - Stopp
Wrapper </div><div> - Trennelement
Wrapper <div> ... </div> - Einzelelement

Wrapper <div> - Start

Hier können ein oder mehrere öffnende <div>-tags erstellt werden.

Möglichkeiten:
Klasse ... Hier können beliebig viele CSS Klassen eingegeben werden.
ID ... Hier kann eine CSS ID eingegeben werden.
Inline-Style ... Hier können CSS Inline-Styles eingegeben werden.
Benutzerdefiniertes Datenattribut ... Hier können eigene Attribute eingegeben werden.
Bild ... Hier kann ein Bild ausgewählt werden, das dem <div> Tag als Hintergrundbild dient.
Overlay ... Es wird ein zusätzliches <div> Tag mit einer Klasse overlay erzeugt (muss im eigenen CSS gestyled werden).
Overlay-Deckkraft ... Bei Auswahl von Overlay wird ein inline-Style für die Transparenz erzeugt.

Es können mehrere öffnende <div>-tags erzeugt werden.
z.B. damit im Frontend folgendes HTML erzeugt wird:

<div id="services" class="container">
  <div class="row">
    <div class="col-md-6 col-lg-4">

Wrapper </div> - Stopp

Mit diesem Inhaltselement werden die zuvor geöffnenden <div>-tags auch wieder geschlossen.
Wähle hier einfach die Anzahl aus.

Wrapper <div></div> - Trennelement

Erstellt ein einfaches Trennelement zwischen Start- und Stopp-Element.
Es ist ein Feld vorhanden, in welchem man für das sich öffenende <div> Tag, wiederum CSS Klassen vergeben kann.
Erzeugt wird z.B.

</div>
<div class="col-md-6">

Wrapper <div> ... </div> - Einzelelement

Hiermit kann man - mit den identen Möglichkeiten wie beim Inhaltselelement Wrapper <div> - Start - Einzelelemente erstellen. Hier wird vom Template ein schliessendes </div> mit hinzugefügt.

Abhängigkeiten

In der composer.json wird die Erweiterung mvo/contao-group-widget mit required. Diese Erweiterung ist notwendig, um im Backend mehrere Gruppen mit Feldern dazustellen.

(S)CSS

Das Bundle beinhaltet keine (S)CSS Dateien. Die mit ausgelieferten CSS Klassen müssen allesamt im eigenen (S)CSS deklariert werden.