Einen Container definieren

Ein Container ist ein Bereich über eine oder mehrere Reihen hinweg. Benutzer können Container optisch hervorheben, indem sie verschiedene Eigenschaften definieren. Zum Beispiel Hintergrundfarben, großflächige Hintergrundbilder oder eine randlose Darstellung, welche abhängig vom Layout ein "Ausbrechen" aus dem eigentlichen Layoutrahmen erlaubt. Zusätzlich können die Container-Eigenschaften auch einfach mit Hilfe von CSS-Klassen oder Inline-CSS beeinflusst werden.

Beispiel: Sie möchten auf einer Seite einen Inhalt mit einer Hintergrundfarbe oder einem Hintergrundbild optisch hervorheben.


1. Container-Eigenschaften öffnen

Fahren Sie mit der Maus über den Bereich der zu bearbeitenden Reihe, so dass diese grau hervorgehoben wird und die blauen Buttons für die Bearbeitung angezeigt werden.

Klicken Sie auf das Menü-Icon  und wählen anschließend den Eintrag "Reihen bearbeiten" aus. Es werden Ihnen nun die Eigenschaften der Container und Reihen angezeigt.

Tipp: Die Container-Eigenschaften können auch über ein Kontextmenü geöffnet werden. Dazu einfach Rechtklick auf eine Reihe oder ein Widget machen und "Reihe bearbeiten" wählen.


2. Container definieren

Aktivieren Sie in der Gruppe "Container" das Kontrollkästchen "Hier beginnt ein neuer Container".

Wählen Sie nun eine Hintergrundfarbe aus.

Alternativ können Sie auch ein Hintergrundbild auswählen.


3. Ende eines Containerbereichs definieren

Nachdem in Schritt 2 der Container definiert wurde, gehören alle nachfolgenden Reihen zum Containerbereich dazu und werden ebenfalls hervorgehoben. Um also ein Ende des Containerbereichs zu definieren, müssen Sie einfach bei einer nachfolgenden Reihe einen neuen Container definieren.

Öffnen Sie die Eigenschaften der entsprechenden Reihe und aktivieren das Kontrollkästchen "Hier beginnt ein neuer Container".


4. Container mit CSS anpassen

Neben der Hintergrundfarbe oder einem Hintergrundbild, können Sie einen Container auch mit Hilfe von CSS weiter anpassen.

Öffnen Sie dazu die Eigenschaften der entsprechenden Reihe und fügen in das Feld "Inline-CSS" Ihre CSS-Angaben ein.

Alternativ können Sie für den Container auch eine eigenen CSS-Klasse angeben. Die CSS-Klasse und die CSS-Angaben können Sie dann in den Einstellungen in das CSS-Feld einfügen. Siehe dazu "Eigenes CSS einfügen".


5. Container randlos darstellen

Möchten Sie, dass der Container aus dem eigentlichen Layoutrahmen ausbricht, dann aktivieren Sie einfach die Option "Randlos".

Öffnen Sie dazu die Eigenschaften der entsprechenden Reihe und aktivieren das Kontrollkästchen "Randlos".

Hinweis: Die Darstellung der Randlos-Option ist abhängig von gewählten Layout.

Alternative Darstellung mit Hintergrundbild.