Container-Layout
Definition
Web Item, das die gezielte Anordnung von Web Items in Zeilen und Spalten ermöglicht.
Verwendung
Das Web Item Container-Layout erleichtert Ihnen die visuelle Anordnung des Inhalts in einer Web Application. Sie können für jede Zelle des Layout-Gitters festlegen, welches Web Item dort anzeigt werden soll, wobei pro Zelle jeweils ein Web Item angezeigt werden kann. Auf diese Weise können Sie gezielt Web Items über-, unter- oder nebeneinander anordnen.
Zur gezielten Anordnung des Inhalts in einer Web Application können Sie auch eine HTML-Tabelle verwenden, allerdings werden mit dem Web Item Container-Layout technische Gesichtspunkte wie Barrierefreiheit automatisch angewendet und umgesetzt.
Struktur
Im folgenden finden Sie die Parameterauflistung für das Web Item Container-Layout, sortiert nach den unterschiedlichen Parametergruppierungen.
Anzeige
Parameter |
Beschreibung |
Breite in Pixel (WIDTH) |
Mit diesem Parameter bestimmen Sie die Breite des Web Items. |
Volle Breite (FULL_WIDTH) |
Mit diesem Parameter können Sie festlegen, dass die Angabe im Parameter Breite in Pixel (WIDTH) ignoriert wird und stattdessen die Breite auf 100% gesetzt wird. Die volle Breite ist abhängig von der Breite der Umgebung, in die das Web Item eingebettet ist (z. B. Breite einer Registerkarte auf einer Portalseite oder einem iView). |
Höhe in Pixel (HEIGHT) |
Mit diesem Parameter bestimmen Sie die Höhe des Web Items. |
Volle Höhe (FULL_HEIGHT) |
Mit diesem Parameter können Sie festlegen, dass die Angabe im Parameter Höhe in Pixel (HEIGHT) ignoriert wird und stattdessen die Höhe auf 100% gesetzt wird. Die volle Höhe ist abhängig von der Höhe der Umgebung, in die das Web Item eingebettet ist (z. B. Höhe einer Registerkarte auf einer Portalseite oder einem iView). |
Sichtbarkeit (VISIBILITY)
|
Mit diesem Parameter bestimmen Sie, ob das Web Item in der Web Application sichtbar sein soll. |
Mit Tray (WITH_TRAY)
|
Mit diesem Parameter können Sie festlegen, ob das Web Item ein Symbol erhält, welches das Auf- und Zuklappen ermöglicht. Weitere Informationen zu diesem Parameter finden Sie unter Parameter Tray. |
Interne Anzeige
Parameter |
Beschreibung |
Layout Typ (LAYOUT_TYPE) |
Mit diesem Parameter bestimmen Sie den Layout-Typ des Web Items: ● Gitter (GRID) ● Dynamisch angeordnete Zellen in einer Zeile (ROW_CELLS_FLOATING) ● Dynamisch angeordnete Zellen in einer Spalte (COL_CELLS_FLOATING) |
Zeilenliste (ROW_LIST) |
Über diesen Parameter bestimmen Sie, wie die Web Items in Ihrer Web Applications angeordnet werden sollen. Dazu bestimmen Sie, in welcher Zelle ein bestimmtes Web Item platziert werden soll. Achten Sie darauf, dass das Web Item zuvor in das Web Item Container-Layout eingefügt wurde (nicht in das Web Template). Suchen Sie zunächst über den Parameter Zeilenliste die Zeile aus, in der das Web Item platziert werden soll. Unter Liste wählen Sie dann die Spalte aus, in der das Web Item platziert werden soll. Unter Definition der jeweiligen Spalte stellen Sie dann folgende Parameter ein: ● Untergeordnetes Web Item (CHILD_ITEM_REF) Hier wählen Sie das Web Item aus, das in der Zelle angezeigt werden soll, und das Sie zuvor in das Web Item Container-Layout eingefügt haben. ● Breite in Pixel (WIDTH) Hier legen Sie die Breite der Zelle fest. ● Höhe in Pixel (HEIGHT) Hier legen Sie die Höhe des der Zelle fest. ● Rowspan (ROWSPAN) Hier fügen Sie Zeilen zu einer Zelle zusammen. Wenn Sie beispielsweise die Zahl 2 eingeben, bedeutet dies, dass sich die Zelle über zwei Zeilen erstreckt. ● Colspan (COLSPAN) Hier fügen Sie Spalten zusammen. Wenn Sie beispielsweise die Zahl 2 eingeben, bedeutet dies, dass sich die Zelle über zwei Spalten erstreckt. ● Vertikale Ausrichtung des Zellinhalts (VALIGN) Hier legen Sie die vertikale Ausrichtung des Web Items fest: ○ Anfang (BEGIN) ○ Mitte (CENTER) ○ Ende (END) ● Horizontale Ausrichtung des Zellinhalts (HALIGN) Hier legen Sie die horizontale Ausrichtung des Web Items fest. ○ Anfang (BEGIN) ○ Mitte (CENTER) ○ Ende (END) |
Verhalten
Parameter |
Beschreibung |
Navigation aktivieren (INTERACTION_ALLOWED) |
Mit diesem Parameter bestimmen Sie, ob Navigation oder andere Interaktionen in der Web Application möglich sein sollen. |