Die Bereiche des Moduls Design

Layout-Eigenschaften
Layout
Elemente
Snapshots
Suche
Arbeitsfläche
Element-Einstellungen



Wenn Sie mehrere Layouts geöffnet haben, können Sie über den Reiter am Kopf der Arbeitsfläche zwischen den Layouts wechseln. Die Größe der einzelnen Bereiche kann durch Ziehen mit der Maus geändert werden. Positionieren Sie dazu die Maus auf dem Rand eines Bereichs, bis das Mauszeigersymbol als Doppelpfeil angezeigt wird. Reicht der Platz für die Anzeige von Elementen in einem Bereich nicht aus, werden automatisch vertikale bzw. horizontale Scrollbalken eingeblendet.

Jeder Reiter im Modul kann über das Symbol neben dem Titel geschlossen werden. Über das Menü Ansichtkönnen die Reiter ein- bzw. ausgeblendet werden. Wenn ein Reiter in einem eigenen Fenster eingeblendet wird, können Sie ihn auch in einem der Bereiche rechts oder links von der Arbeitsfläche verankern, indem Sie ihn mit der Maus an seinem Titel auf die gewünschte Position ziehen.



Für die Dauer des Verschiebens wird der Bereich als Vorschau für die zukünftige Position grau eingefärbt und in dem Moment verankert, in dem Sie die Maustaste loslassen. Auch verankerte Bereiche können auf diese Weise an andere Positionen verschoben werden.

Layout-Eigenschaften

Der Eigenschaftendialog des Layouts kann mit Doppelklick auf den Reiter oberhalb der Arbeitsfläche geöffnet werden.

Layout

Im Bereich Layout wird die Struktur Ihres Layouts abgebildet. Hier können Sie sich über die Hierarchien der verschiedenen Elemente informieren.

Struktur

Wenn Sie ein Element in der Struktur selektieren, wird es auf der Arbeitsfläche markiert. Seine Einstellungen werden im Bereich Element-Einstellungen angezeigt und können dort geändert werden. Layout-Elemente können per Drag & Drop im Layout-Baum verschoben werden, wenn Ihre Anordnung verändert werden soll. Wenn Sie hier ein Element anklicken, wird es auch auf der Arbeitsfläche markiert.

Kontroll-Elemente

Ein Klick auf Kontroll-Elemente wechselt in eine Ansicht, in der Sie die Einstellungen der Allgemeinen HTML-Eigenschaften (z.B. body, table oder div), Erweiterten Eigenschaften (z.B. Login, Warnungen, Fehlermeldungen) und Kontrollen (z.B. Eingabefelder, Schaltflächen) im Bereich Elemente-Einstellungen laden und dort bearbeiten können. Die Kontroll-Elemente, die Sie hier finden, können im Modul Applikationen den Applikationselementen zugeordnet werden. Die Kontroll-Elemente sind im Modul Design nach Typen geordnet, wie z.B. Eingabeelemente oder Schaltflächen. Bei Tooltips kann die maximale Höhe und Breite in den Element-Einstellungen geregelt werden, wenn Sie dieses Kontroll-Element im Bereich Layout selektieren.



Beim Kontroll-Element Kalender werden die entsprechenden Stileigenschaften in den Element-Eigenschaften dargestellt, sobald Sie einen bestimmten Bereich (z.B. eine Kalenderzelle oder einen Termintitel) in der Vorschau selektieren.

Elemente

Unterhalb des Bereichs Layout finden Sie den Bereich Elemente. Die Elemente, mit denen ein Layout aufgebaut wird, können hier ausgewählt und per Drag & Drop auf die Arbeitsfläche gezogen werden.



Die Darstellung der Elemente in den Werkzeugkästen kann über das Kontextmenü geändert werden.

• Symbole anzeigen zeigt die Symbole der Elemente an
• Symbole und Titel anzeigen zeigt Symbole und Titel an
• Symbole und Beschreibungen anzeigen zeigt Symbole und Kurzbeschreibungen an

Im Feld Suchen kann nach Elementen gesucht werden. Wenn Sie im oberen Bereich auf einen Eintrag klicken, werden die Elemente im unteren Bereich nach der ausgewählten Gruppe gefiltert.

Snapshots

Mit Snapshots wird das aktuelle Layout zu bestimmten Zeitpunkten "abgelichtet". Klicken Sie auf einen der Snapshots in der Liste, um den Zustand zu diesem Zeitpunkt wieder herzustellen. Neuen Snapshot erstellen lichtet das Layout zum aktuellen Zeitpunkt ab. Über das Kontextmenü kann ein Snapshot auch mit Kommentar erstellt werden. Selektierten Snapshot öffnen lädt den ausgewählten Snapshot. Selektierten Snapshot löschen entfernt den ausgewählten Snapshot. Mit Klick auf Einstellungen wird ein Dialog geöffnet, in dem die maximale Anzahl der erstellten Snapshots und der zeitliche Abstand für die automatische Erstellung festgelegt werden können.

Suche

Hier können Sie nach dem Titel eines Elementes, einem CSS-Selektor oder mit der Auswahl CSS nach Eigenschaften im CSS suchen. Alle Elemente, auf die der eingetragene Suchbegriff zutrifft, werden nach einem Klick auf Suche aufgelistet. Ein Doppelklick auf einen Treffer markiert das gesuchte Element in der Arbeitsfläche.

Arbeitsfläche

Auf der Arbeitsfläche, die Sie im mittleren Bereich sehen, ordnen Sie die einzelnen Elemente Ihres Layouts an.

Element-Einstellungen

Im unteren Bereich der Element-Einstellungen gibt es die beiden Schaltflächen Optionen und Stile, mit denen Sie zwischen den Bearbeitungsmodi der Einstellungen wechseln können. In den Optionen werden die Element-Einstellungen geändert, die eher funktional sind. In Stile werden die Stileigenschaften editiert. Die Beschreibung für die Element-Einstellungen in den Optionen finden Sie hier. Alle Informationen zu den Element-Einstellungen in den Stilen finden Sie hier.