berecont / contao-wrapper-bundle
Stellt unterschiedliche Wrapper-Inhaltselemente zur Verfügung.
Package info
github.com/berecont/contao-wrapper-bundle
Type:contao-bundle
pkg:composer/berecont/contao-wrapper-bundle
Requires
- php: ^8.2 || ^8.3 || ^8.4
- contao/core-bundle: ^5.3
- contao/manager-bundle: ^5.3
- mvo/contao-group-widget: ^1.5
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.