Layout Manager

Der Layoutmanager ist ein umfassendes Werkzeug zur Einrichtung aller Layouteinstellungen. Es können verschiedene Layouts erstellt und den jeweiligen Seiten der Website zugeordnet werden. Dazu stehen dem Nutzer der Dialog Layouts bearbeiten und Layouts den Seiten zuordnen als Registerseiten zur Verfügung.

Hinweis: sind Layouts bereits eingerichtet, können diese nicht verändert werden, wenn bereits Inhalt erfasst wurde. Sind Layouts bereits Seiten zugeordnet, so kann dieser Seite kein anderes Layout zugewiesen werden.
Controls wie Anmeldelink, Menü, Schnellsuche oder Seitenüberschrift können hier direkt in das Layout eingefügt werden.
neues Layout hinzufügen
  1. Mit einem Klick auf das Symbol b_layouthinzufuegen.png wird der Dialog für ein neues Layout geöffnet.
  2. Machen Sie hier alle nötigen Angaben für ein neues Layout.

    layout_02.png

  3. Soll ein bestehendes Layout als Vorlage für das neue Layout dienen, wählen Sie dies bitte unter der Eigenschaft Vorlage aus der Dropdown-Liste aus. Das neue Layout wird mit der eingestellten Vorlage geöffnet.

  4. Starten Sie nun die Erstellung des Layouts.
Layout bearbeiten
  1. Nachdem ein neues Layout eingerichtet wurde, können nun die Elemente hinzugefügt werden.
  2. fügen Sie die Kind- bzw. die Elternelemente, sowie die Controls hinzu, beachten sie die folgenden Erläuterungen
  3. nach dem Hinzufügen können Sie im rechten Menübereich Ausrichtung / Höhe / Verhalten / Titel und CSS Klassen definieren.

Ist das Layout komplett, speichern Sie die Einstellungen und wechseln Sie in den Reiter Layouts den Seiten zuordnen.

 

  • b_kindelementeinfuegen.png Kindelement einfügen: fügt ein Kindelement in das aktive Element ein

In Elemente, die ein Control enthalten, kann der Nutzer kein Kindelement einfügen. (In der Abbildung wurde ein Kindelement in das Elternelement - dunkelroter Rahmen - eingefügt.)

kindelement.png

  • b_elternelementeinfuegen.png Elternelement einfügen (dieses wrappen): fügt ein Elternelement um das aktive Element ein (in der Abbildung wurde für das Element Seitenüberschrift ein neues Elternelement - dunkelroter Rahmen - eingefügt)

elternelement.png

  • b_elementdavor.png Element davor einfügen: fügt ein Element oberhalb des aktiven Elementes auf der gleichen Ebene ein

element_davor.png

  • b_elementdahinter.png Element dahinter einfügen: fügt ein Element unterhalb des aktiven Elementes auf der gleichen Ebene ein

element_dahinter.png

  • b_nachrechtsverschieben.png nach rechts verschieben: Position des ausgewählten Elementes entsprechend verändern
  • b_nachlinksverschieben.png nach links verschieben: Position des ausgewählten Elementes entsprechend verändern
  • b_nachobenverschieben.png nach oben verschieben: Position des ausgewählten Elementes entsprechend verändern
  • b_nachuntenverschieben.png nach unten verschieben: Position des ausgewählten Elementes entsprechend verändern
  • b_leeresplatzhalterelement.png Leeres Platzhalter Element: leeres Element ohne Inhalt als Platzhalter

platzhalter.png

  • b_controleinfuegen.png Control einfügen: wählen Sie ein Control aus der Liste 
  • b_controlbearbeiten.png Control-Eigenschaften bearbeiten: Bearbeitung des jeweiligen Controls
  • b_controlentfernen.png Control entfernen: entfernt das Control aus dem Element
  • b_elementloeschen.png Element löschen: löscht das Element

Hinweis: wird ein Element gelöscht, was ein Elternelement mit (ein oder mehreren) Kindelementen ist, so erscheint folgende Warnmeldung:

element_loeschen.png

Wird der Eintrag Knoten ebenfalls löschen gewählt, so löscht der Nutzer sowohl Eltern- als auch Kindelement. Wird der Eintrag Knoten an diese Stelle verschieben gewählt, so wird der Kindknoten (können auch mehrere sein) an die Position des Elternknotens verschoben. 

Wurden in einer Website bereits Inhalte in die Elemente des Layoutes eingetragen, so kann dieses nicht ohne weiteres verändert werden. Wird beispielsweise ein "benutzter" Paragraph gelöscht, so kann dieses neue Layout nicht gespeichert werden. 

Hinweis: Container mit gleicher Ausrichtung sollten nicht direkt ineinander geschachtelt werden.

 

Layout den Seiten zuordnen

In diesem Dialog erhält der Nutzer einen Überblick über die Seiten und die zugehörigen Layouts. Über eine Auswahlliste kann der Nutzer jeder Seite ein entsprechendes Layout zuordnen. Hierbei hat er die Wahl zwischen einem vererbbaren Layout und nicht vererbbaren Layout.

Layout_seiten.png

vererbbares Layout

Das eingerichtete Layout wird von der Seite, an der es das erste Mal definiert wurde, auf alle darunter liegenden Seiten vererbt.

nicht vererbbares Layout

Hier kann der Nutzer ein Layout für nur eine Seite einrichten. Dies wird nicht vererbt und bevorzugt verwendet. Unterseiten ohne Layoutangabe erben entweder das an dieser Seite angegebene vererbbare Layout oder das nächst übergeordnete, vererbbare Layout.

Element Eigenschaften

Für jedes Element können weitere Eigenschaften eingerichtet werden.

  • Ausrichtung [Zeilen/Spalten]

Spalten

ausrichtung_spalten.png

Zeilen

ausrichtung_zeilen.png

  • Breite: hier kann der Nutzer zwischen einer automatischen Breite oder der Breite in % oder Pixel wählen. Im Beispiel wurde der rechte Dialog auf eine Breite von 20% eingerichtet. (s.u.)
  • Höhe: hier kann der Nutzer zwischen einer automatischen Höhe oder der Höhe in % oder Pixel wählen.  (Bei Containern mit Spaltenausrichtung sollte die Höhe automatisch gewählt werden)

breite.png

  • Verhalten: ausblenden, wenn leer. Enthält das Element keinen Inhalt, so kann der Nutzer hier definieren, dass das Element ausgeblendet wird.
  • Titel: schreibt einen Titel an die Elemente des Layouts

titel.png

  • zusätzliche CSS-Klassen
Aktionen an der Ordnerstruktur
  • b_aktualisieren.png Ordner neu laden
  • b_layouthinzufuegen.png Layout hinzufügen
  • b_ordnerhinzufuegen.png Ordner hinzufügen
  • b_ordnerbearbeiten.png Ordner bearbeiten
  • b_ordnerloeschen.png Ordner löschen
  • b_ordnermitschloss.png Berechtigungen zuweisen
Aktionen an den Layouts
  • b_layoutbearbeiten.png Layout-Eigenschaften bearbeiten: öffnet den Dialog zur Bearbeitung der Layout-Eigenschaften
  • b_layoutloeschen.png Layout löschen: löscht das ausgewählte Layout
Berechtigungen am Layout
  • Ordner und Layouts anzeigen
  • Ordner und Layouts erstellen
  • Ordner und Layouts bearbeiten
  • Ordner und Layouts löschen
  • Berechtigungen zuweisen