Home > Positionieren von Elementen

Positionieren von Elementen

Grundsätzlich werden Elemente im Projekt in Containern positioniert, wobei Sie die Möglichkeit haben eine absolute Positionierung (Freies Layout)) oder eine r elative Positionierung (Untereinander/Nebeneinander) in verschiedenen Containertypen zu verwenden.
1. Absolute Positionierung (Freies Layout)
Die Containertypen Sequenz, Austauschcontainer und Container (Freies Layout) verwenden die Absolute Positionierung (Freies Layout), in der Unterelemente nach Selektion mit Hilfe der Maus (Drag und Drop) oder den Tastaturpfeilen frei positioniert werden können. Beim Einfügen von neuen Elementen in einen Container mit freiem Layout werden die Elemente innerhalb des Containers an Position links 0 px, oben 0 px positioniert. Mit Hilfe der Positions Optionen X und Y in der Werkzeugleiste oder im Eigenschaftendialog des Elements können sie Elemente pixelgenau positionieren. Ebenso können Sie selektierte Elemente mit Hilfe der Pfeiltasten des Keyboards verschieben. Des Weiteren besteht die Möglichkeit Elemente mit Hilfe der Maus zu verschieben, wobei die Elemente in 5 px Schritten verschoben werden. Bei gleichzeitigem Drücken der Alt-Taste erfolgt das Verschieben in 1 px Schritten.
Zusätzlich stehen ihnen auch die Tastenkombinationen als Hilfsfunktionen zur Verfügung, die auch als Buttons im Inspektor angeboten werden:

1. Maximieren (Alt + M): Mit Hilfe des Buttons Maximieren wird das selektierte Element auf die Größe des übergeordneten Containers maximiert und zentriert.
2. Horizontal zentrieren (Alt + H): Mit Hilfe des Buttons Horizontal zentrieren wird das selektierte Element horizontal zentriert positioniert.
3. Vertikal zentrieren (Alt + V): Mit Hilfe des Buttons Vertikal zentrieren wird das selektierte Element vertikal zentriert positioniert.

Hinweis:
Bei Elementen, die sich innerhalb eines Containers mit freiem Layout befinden, stehen die Funktionen Ausrichtung und Außenabstand nicht zur Verfügung. Auch die Layout-Typen Austauschc ontainer und Sequenz verwenden ein freies Layout. Bei Selektion von mehreren Elementen werden die entsprechenden Positionseinstellungen in der Werkzeugleiste auf alle ausgewählten Elemente angewendet.

2. Relative Positionierung (Untereinander/Nebeneinander) - Lineares Layout

Beim Erstellen eines Containers ist der standard Layout-Typ freies Layout, welcher aber im Eigenschaftendialog des Containers auf den linearen Layout-Typ Untereinander/Nebeneinander geändert werden kann. Gemäß der Einstellung der Funktion Anordnungsrichtung in der Sektion Layout werden in den Container (Untereinander/Nebeneinander) eingefügten Elemente nebeneinander (horizontal) oder untereinander (vertikal) angeordnet. Zusätzlich besteht die Möglichkeit über die Einstellung Innenabstand des Containers oder über die Funktionen Außenabstand und Ausrichtung die Position der eingefügten Elemente genauer zu positionieren.

3. Sonderfälle der Positionierung

Aus funktionellen oder technischen Gründen ergeben sich bei einigen Containertypen Besonderheiten bezüglich der Positionierung und Anzeige von Unterelementen. Folgende Containertypen weisen Besonderheiten auf:

1. Überlaufcontainer: Innerhalb eines Überlaufcontainers können Elemente mit fester Größe nur untereinander positioniert werden.
2. Sequenz: Innerhalb einer Sequenz wird fortlaufend immer nur ein Element dargestellt, wobei das Element in der Sequenz wie in Containern mit freiem Layout frei positioniert werden kann. Die Funktionen Außenabstand und Ausrichtung stehen bei Unterelementen nicht zur Verfügung.
3. Austauschcontainer (Navigation, Bedingung): In Austauschcontainern wird immer nur ein Element dargestellt. Die Anzeige von weiteren Unterelementen des Austauschcontainers wird über Anzeigebedingungen oder Navigation gesteuert. Elemente in einem Austauschcontainer können wie in einem Container mit freiem Layout frei positioniert werden. Die Funktionen Außenabstand und Ausrichtung stehen bei Unterelementen nicht zur Verfügung.

Hinweis:
Die unterschiedliche Elementpositionierung der verschieden Containertypen bedingt bei Umstellung des Layouttyps die unterschiedliche Darstellung der Elemente innerhalb eines Containers.

See also

Willkommen
Lieferumfang
Support
PROVISIO Kontaktdaten
Systemvoraussetzungen
Start des SiteCaster Editors
Projekte
Neues Projekt erstellen
Projektseite (Inhaltsansicht, Inspektor)
Menüleiste und Werkzeugleiste
Inspektor (Übersicht)
Inspektor (Medienbibliothek)
Elemente erstellen, selektieren und editieren
Größenanpassung von Elementen
Kopieren
Seitenvorlagen
Elementvorlagen
Standardelemente
Ansicht
Eigenschaften
Vorschau
Veröffentlichen
Benutzereinstellungen
Benutzerrechte
SiteCaster und SiteRemote
App-Update
Tastenkürzel
Über uns

Back To Top