Spaltendesign:
Legen Sie fest, wie viele Spalten der Bereich haben soll. Bei den zwei- und dreispaltigen Designs gibt es mehrere Möglichkeiten. Mit dem kleinen Dropdown-Pfeil hinter "Spalten Zwischenraum" können Sie die Abstände zwischen den Spalten variieren.

Breite des Layoutbereiches:
Bestimmen Sie, ob die Inhalte auf der gesamten Layoutseite oder nur im Wrapperbereich (Layoutgrenze) ausgegeben werden sollen. Beachten Sie, dass Sie beim Verschachteln mehrerer Layoutbereiche die inneren Layoutbereiche auf gesamte Breite einstellen, damit sie nicht eingerückt werden.

Vertikale Spaltenausrichtung
Legen Sie hier fest, ob die Inhalten oben, unten, zentriert ausgerichtet sein sollen oder sich auf die gesamte Höhe skalieren sollen.

Höhe des Layoutbereiches
Der Layoutbereich passt sich automatisch an den vorhandenen Inhalt an. Sie können ihn aber auf eine bestimmte prozentuale Browerhöhe anpassen, um gleich große Bereiche zu erzeugen.

• PX: Pixel (px) sind absolute Einheiten, die als digitale Maßeinheit vorkommt.

Die nun folgenden Einheiten beziehen sich immer auf eine übergeordnete Größe. Dies ist hilfreich, wenn es um Responsivität geht.

• EM: Eine Einheit, die relativ zum Parent-Element ist, also einem übergeschachtelten Layoutbereich.
• REM: Eine Einheit, die relativ zum Root-Element ist, also Ihre Einstellungen in den Seiteneinstellungen (Branding).
• VW: (Viewport-Width) bezieht sich auf die Breite des Browser-Fensters.
• VH: (Viewport-Height) bezieht sich auf die Höhe des Browser-Fensters.
• Mit den Einheiten VMIN und VMAX können Sie die Größe abhängig vom Seitenverhältnis definieren.

Abstand unterhalb des Layoutbereiches
Bestimmen Sie hier, ob und wie groß der Abstand zum nächsten Layoutbereich sein soll.

Ausrichtung der Spalteninhalte
Hier legen Sie fest, ob die Inhalte links, rechts oder mittig ausgerichtet sein sollen. Wenn Sie mehrere Spalten haben, können Sie den Spalten auch unterschiedliche Ausrichtungen zuweisen.

Innenabstände des Layoutbereiches
Legen Sie den inneren Abstand zwischen einem Element zu seinem Rahmen fest. Dieser Rahmen kann dabei für alle vier Seiten einzelnd festgelegt werden. 
 

Textfarbe:
Legen Sie fest, welche Farbe Ihr Fließtext haben soll. (Bitte beachten: Die definierten Farben wurden bei der Erstellung Ihrer Webseite mit Ihnen abgestimmt und im Branding von uns festgelegt. Brauchen Sie weitere Farben, kontaktieren Sie uns bitte!)

Spaltenrahmen: 
Hier haben Sie die Möglichkeit einen farblichen Rahmen um Ihren Layoutbereich zu legen. Wählen Sie die gewünschte Farbe im Dropdown aus.

Schatten: 
Fügen Sie Ihrem Layoutbereich einen Schatten hinzu.

Hintergrundgestaltung:

• Farbe: Geben Sie die Hintergrundfarbe Ihres Layoutbereichs (Containers) an. Auch diese Farben werden im Branding von uns festgelegt und können jederzeit erweitert werden Die Hintergrundfarbe wird bei allen weiteren Hintergrundarten zusätzlich verwendet. Eine Ausnahme bildet hier die "Intelligente Hintergrundfarbenauffüllung", wenn Sie Bilddateien eingefügt haben. Wenn Sie die "Intelligente Hintergrundfarbenauffüllung" wählen, analysiert das System das eingefügte Bild und verwendet automatisch eine Farbe des Bildes als Hintergrundfarbe. Hinweis: Sie können leider nicht bestimmen, welcher Bildausschnitt dabei genau analysiert wird. Kommt die gewünschte Farbe beispielsweise nur unten rechts im Bild vor, das System nutzt aber einen Farbpunkt aus der Bildmitte, so kann die gewünschte Farbe mit dieser Funktion nicht als Hintergrundfarbe genutzt werden.​
• Bild: Fügen Sie mit Hilfe des Button "Bild einfügen" ein Bild aus dem Mediapool hinzu und geben Sie an, wie das Bild ausgegeben werden soll. Sollte das Bild zu schmal angezeigt werden, überprüfen Sie nochmals die Höhe des Layoutbereichs.
• Bildslider: Durch Hinzufügen mehrer Bilder können Sie ihre eigene Diashow gestalten. Die Animationsart und -dauer können manuell eingestellt werden.
• Video: Fügen Sie mit Hilfe des Button "Video einfügen" ein Video aus dem Mediapool hinzu und geben Sie an, wie das Video ausgegeben werden soll. Ebenfalls können Sie hier einstellen, ob das Video in einer Endlosschleife wiedergegeben wird oder es nach einmaligem Ausspielen stoppen soll.

(An dieser Stelle der Hinweis auf die einzuhaltenden Bild/Videorechte mit korrekter Quellenangabe.)

Überschrift:
Geben Sie eine Überschrift ein. (Optional)

Besonderes Verhalten:

• Normales Verhalten: Ein ganz normaler Layoutbereich
• Eigenständiges Einblenden:
• Als Popup verfügbar machen
• Navigationsmodul basiertes Einblenden
• Als Footer verwenden

ID-Name:
Die einzigartige Zuweisung ist u. a. nötig für Anker-Verlinkungen.

Class-Name:
Hier können von uns erstellte Stil-Elemente diesem Layoutbereich zugeordnet werden.

Sticky Verhalten:
Sie können den Layoutbereich an einer Stelle auf dem Bildschirm fixieren.

Schrift Skalierungsfaktor:
"em" ist eine responsible Einheit. Sie ist abhängig von dem umgebenen Layoutbereich.

Slider Container:
Mithilfe dieser Option können Sie eine Timeline erstellen.

Spiegelbarer Layoutbereich:
Mit diesem Häckchen ermöglichen Sie es einem gespiegelten Layoutbereich auf DIESEN Layoutbereich zuzugreifen.

Hier stellen Sie das Anzeigeverhalten einzelner Layoutbereiche auf verschiedenen Displaygrößen (Endgeräten) ein. Das CMS sorgt generell dafür, dass Ihre Seite responsiv reagiert, doch gibt es Fälle, an denen es Sinn ergibt, die Ausgabe auf dem Handy/Tablet zu optimieren. Je nach Auflösung können verschiedene Ausgaben eingestellt werden.

So gehen Sie vor:
Fügen Sie dafür eine (mehrere) Einstellung(en) hinzu: "+ Ein weiteres Verhalten hinzufügen" Wählen Sie, ab welcher Auflösung diese gelten soll. (Für jede Auflösung kann eine separate Einstellung definiert werden.) Legen Sie über "Verhalten" generell fest, ob der Layoutbereich sichtbar, angepinnt oder verborgen bleiben soll. Nun bestimmen Sie die Spaltenbreiten. Für jede einzelne Spalte eines Layoutbereiches können verschiedene Breiten (Angaben in Prozent) gewählt werden. So bestimmen Sie, wieviele Spalten nebeneinander angezeigt werden sollen. Sie können per drag and drop die Spalten so schieben, wie sie auf verschiedenene Endgeräten (anhand der Breakpoints) angezeigt/sortiert werden.

Breakpoints: 
Es sind verschiedene Breakpoints festgelegt., vom kleinen Smartphone bis hin zum 4k-Monitor.
 

Sichtrechte ermöglichen Ihnen einzustellen, ob einzelne Layoutbereiche für bestimmte Benutzergruppen unsichtbar bleiben sollen. Sie können definieren, ob bestimmte Benutzergruppen überhaupt Leserechte haben sollen, ob die Ausgabe vielleicht nur in bestimmten Sprachvarianten erscheinen soll oder ob die Inhalte in bestimmten Abschnitten (Menüpunkten) für bestimmte Benutzer unsichtbar bleiben sollen. Bsp. Bestimmte Kundengruppen sollen Informationen zu Preisen oder Rabatte nicht einsehen können.

 

Sichtbar für folgende Benutzergruppen:
Wenn Sie verschiedene Benutzergruppen angelegt haben, dann können Sie diesen Layoutbereich für diese Gruppen sichtbar machen, oder verbergen.

Sichrbar in folgenden Sprachen:
Wenn Ihre Webseite über mehrere Sprachen verfügt, dann können Sie hier wählen in welchen Sprachen dieser Layoutbereich sichtbar ist.

Sichtbar, wenn die Seite im Pfad dieser Seiten vorkommt:
Sie können die Sichtbarkeit davon abhängig machen, WO dieser Layoutbereich abgelegt ist. Diese Seiten geben Sie hier an.

Sichtbarkeit in der APP:
Wenn Sie mit uns eine APP-Version haben, können Sie den Layoutbereich in der APP anzeigen, oder verbergen.

Sichtbarkeit im Kalenderraum:
Für zeitlich begrenze Inhalte können Sie hier angeben wann dieser Layoutbereich sichtbar ist. (zB für Angebote, saisonale Grüße oder Informationen)

Sichtbarkeit im Tageszeitraum:
Für zeitlich begrenze Inhalte können Sie hier angeben wann dieser Layoutbereich sichtbar ist. (zB für Angebote, saisonale Grüße oder Informationen)

Nachdem das Häckchen gesetzt ist, öffnen sich verschiedene Optionen. Im Modul Animation haben Sie die Möglichkeit unterschiedlichste Ein- und Ausblendungen Ihrer Layoutbereiche einzustellen. Jede Spalte kann einzelt angesteuert und eingestellt werden.
Wichtig: Sie sehen die Animation erst, wenn Sie die Inhaltsbearbeitung in der Toolbar deaktiviert haben und mit der Taste F5 oder anders die Webseite neu geladen haben.

Animation für den Hauptcontainer:

• Fade - Der Inhalt wird gleichmäßig eingeblendet.
• Zoom - Der Inhalt wird vergrößernd oder verkleinernd eingefügt.
• Flip - Der Inhalt wir eingedreht.

Verzögerung:

• Lassen Sie die Animation erst nach einer bestimmten Zeit nachdem die Webseite geladen wurde starten.

Animationsdauer:

• Legen Sie fest wie lang die Animation dauern soll

Animationstyp:

• Legen Sie fest in welcher dynamischen Geschwindigkeit soll die Animation vollzogen werden. Hier sehen Sie Beispiele. Für eine gleichmäßige Geschwindigkeit nehmen Sie EASE.

Offset:

•  

Ankerplazierung:

• Sie definieren an welcher Stelle die Spalte verankert ist.

Animation wiederholen:

• Endlose Wiederholung der Animation.