Layout für Seite oder Ansicht mithilfe des Rasterlayouts erstellen
Informationen zu dieser Task
Über das Rasterlayout können Sie Inhalte mithilfe von Rastern, Containern und Zellen anordnen.
Ein Raster ist ein Container, der 12 Einheiten breit ist. Die tatsächliche Breite jeder Einheit ist variabel und hängt von der Anzeigegröße ab. Innerhalb eines Rasters können Sie Container und Zellen anlegen. Ein Container gruppiert zusammengehörige Zellen. Zellen sind ihrerseits Platzhalter für Inhalte. Container und Zellen können zwischen 1 und 12 Einheiten breit sein. Wenn ein Container nicht mindestens eine Zelle enthält, wird er vom Designer entfernt.
Wenn die Gesamtbreite der Zellen in einem Raster 12 Einheiten beträgt, bildet das Raster eine vollständige Zeile. Wenn Sie einen Zelle in einer vollständigen Zeile bearbeiten, versucht Designer, die vollständige Zeile durch automatische Änderung der Größe beizubehalten. Das bedeutet, dass beim Löschen einer Zelle die Größe einer anderen Zelle so angepasst wird, dass sie den freigewordenen Platz belegt. Wenn Sie eine Zelle links oder rechts neben einer anderen Zelle einfügen, wird analog eine Zelle verkleinert, um Platz für die neue Zelle zu schaffen. Es gilt jedoch eine Mindestgröße von drei Einheiten für neue oder automatisch in der Größe angepasste Zellen. In diesem Fall verschiebt Designer die Endzelle, sodass sie eine neue Zeile bildet. Wenn Sie ein Raster bearbeiten, das über weniger oder über mehr als 12 Einheiten verfügt, versucht Designer nicht, die Größe von Zellen automatisch zu ändern. Der Grenzwert von 12 Einheiten gilt unabhängig von der Anzahl Container in einem Raster.
Das Raster hat keine vertikale Begrenzung. Allerdings haben zu viele vertikal gestapelte Zellen zur Folge, dass Benutzer in der resultierenden Benutzerschnittstelle sehr viel Blättern müssen.
Unter können Sie die Rasterlayouteigenschaften festlegen, die in der folgenden Tabelle beschrieben sind.
| Eigenschaft | Beschreibung |
|---|---|
| Horizontale Spannweite | Gibt die Anzahl der horizontalen Einheiten an, die eine ausgewählte Rasterzelle oder ein ausgewählter Container in einem Raster belegt. Die maximale Breite eines Rasters beträgt 12 horizontale Einheiten. Sie können eine Zahl von 1 bis 12 angeben. Wenn Sie eine größere oder kleinere horizontale Spanne angeben, wird die Breite der ausgewählten Rasterzelle oder des ausgewählten Containers auf der rechten Seite entsprechend vergrößert bzw. verkleinert. |
| Sichtbarkeit | Geben Sie an, ob eine Zelle oder ein Container in einem Raster angezeigt oder ausgeblendet wird. Für diese Eigenschaft
stehen die folgenden Optionen zur Verfügung:
|
| Ausrichtung | Gibt an, ob die Layoutelemente in einer ausgewählten Rasterzelle horizontal oder
vertikal ausgerichtet werden. Für diese Eigenschaft
stehen die folgenden Optionen zur Verfügung:
|
| Horizontale Ausrichtung | Steuert die horizontale Ausrichtung der Layoutelemente in einer ausgewählten Rasterzelle. Für diese Eigenschaft
stehen die folgenden Optionen zur Verfügung:
Hinweis: Die horizontale Ausrichtung ist für Layoutelemente in einer ausgewählten Rasterzelle nur verfügbar, wenn die Ausrichtung horizontal ist.
|
| Vertikale Ausrichtung | Steuert die vertikale Ausrichtung des Inhalts in einem ausgewählten Container oder einer Rasterzelle
(z. B. für die Rasterzellen in einem Container oder die Layoutelemente in einer Rasterzelle). Für diese Eigenschaft
stehen die folgenden Optionen zur Verfügung:
Hinweis: Die vertikale Ausrichtung ist für Layoutelemente in einer ausgewählten Rasterzelle nur verfügbar, wenn die Ausrichtung horizontal ist.
|
| ID des Kontrollmechanismus | Gibt die alphanumerische Kennung an, die ein ausgewähltes Layoutelement eindeutig identifiziert. Diese ID kann zur Suche nach Elementen in JavaScript und Artefakten der erweiterten Vorschau verwendet werden. |
Führen Sie die folgenden Anweisungen aus, um das Layout für eine Seite oder Ansicht mithilfe des Rasterlayouts zu erstellen.
Vorgehensweise
- Verwenden Sie die Einfügepunkte des Standardrastermusters, um weitere Zellen oder Container zum Erstellungsbereich hinzuzufügen.
- Fügen Sie ein Raster über oder unter vorhandenen Rastern hinzu.
- Fügen Sie einem Raster oder Container eine Zelle hinzu. Wenn in dem Raster mehr als 12 Einheiten aus Zellen vorhanden sind, wird die neue Zelle auf der nächsten Zeile angeordnet.
- Löschen Sie eine Zelle aus einem Raster. Wenn das Raster eine vollständige Zeile bildet, wird die Zelle bzw. der Container rechts daneben ausgedehnt, um den Platz der gelöschten Zelle einzunehmen. Der Inhalt der gelöschten Zelle wird entfernt.
- Ändern Sie die vertikale Ausrichtung der Rasterzellen in einem ausgewählten Container.
- Ändern Sie die allgemeine Ausrichtung einer Rasterzelle.
- Wenn eine Rasterzelle horizontal ausgerichtet ist, ändern Sie die Ausrichtung der
Layoutelemente in einer ausgewählten Rasterzelle:
- Horizontale Ausrichtung
- Vertikale Ausrichtung
- Ändern Sie die Größe einer Zelle oder eines Containers, indem Sie den rechten Rand ziehen. Die Zelle bzw. der Container auf der rechten Seite vergrößert oder verkleinert sich entsprechend. Allerdings erfolgt die automatische Verkleinerung auf minimal drei Einheiten. Wenn die Zelle oder der Container dieses Minimum erreicht, wird er stattdessen auf die nächste Zeile versetzt.
- Blenden Sie eine Zelle oder einen Container aus, indem Sie die zugehörige Eigenschaft
Sichtbarkeit ändern. Das Layout zeigt es nicht mehr an, aber im Popup-Fenster Unsichtbare Elemente (Invisible Items)
wird es als unsichtbares Element aufgelistet, das Sie auswählen können. - Löschen Sie ein Raster oder einen Container. Der Inhalt des gelöschten Rasters bzw. Containers wird mitsamt Zellen und deren Inhalt entfernt.