Show TOC

Abschneiden von Inhalten im FormLayout Dieses Dokument in der Navigationsstruktur finden

 

Im Gegensatz zu allen anderen Layouts, werden im FormLayout alle Inhalte, die größer als die umgebende Layout-Zelle sind, abgeschnitten. Dies passiert insbesondere auch bei allen Texten (also z.B. Label, TextView, Caption, etc.). Sofern es der Browser erlaubt (der Firefox-Browser tut dies z.B. zur Zeit nicht), wird im Fall das Abschneidens eine Ellipse (...) angezeigt.

Beispiel Beispiel

In der Component WDR_TEST_FORM_LAYOUT gibt es rechts oben einen Container mit FormLayout. In dem Container wird das Label abgeschnitten und die Ellipsis-Auslassungspunkte werden angezeigt.

Beispiel für Ellipsis im MS Internet Explorer (Beispiel für Ellipsis im MS Internet Explorer)

Ende des Beispiels.

In allen anderen Layouts (MatrixLayout, RowLayout, FlowLayout, GridLayout) sind die Layout-Zellen immer so groß, dass der Inhalt komplett sichtbar ist. Selbst wenn die Breite und Höhe der Layout-Zelle (z.B. width und height der MatrixData) eigentlich kleiner gewählt wurden als die Größe des Inhalts, drückt dieser Inhalt die Zelle auf. Breite und Höhe sind also immer als Minimalhöhen und –breiten zu verstehen.

Auf der einen Seite führt dies dazu, dass alle Inhalte komplett sichtbar sind (sofern sie alle in den sichtbaren Bereich des Browser-Fensters passen). Auf der anderen Seite aber können zu große Inhalte zur Verzerrung eines Layouts führen und es schwierig oder gar unmöglich machen, die Ausrichtung (Alignment) von UI-Elemente in verschiedenen Container zu harmonisieren.

Die Dimensionen der Layout-Zellen in einem FormLayout dagegen sind fest und werden von Inhalten nicht aufgedrückt. Dadurch ist es möglich, ein UI zu bauen, das einheitlicher wirkt und gleiche Ausrichtungen (Alignment) der UI-Elemente bietet.

Bei dem Table-UI-Element tritt ein ähnliches Phänomen auf: Falls Sie die Eigenschaft fixedTableLayout ausgeschalten haben, drücken die Inhalte der Tabellenzellen immer auf. Die Breiten der Tabellenspalten wirken als Minimalbreiten. Wenn Sie allerdings fixedTableLayout einschalten, bekommten Sie das Verhalten des FormLayout: die Tabellenspaltenbreiten sind fest. Ist ein Zelleditor größer, so wird er abgeschnitten und – falls es der Client erlaubt – auch mit Ellipsis.

Hinweis Hinweis

Wenn in einem FormLayout bei einem Label vor einem UI-Element der required-Stern (Eigenschaft state.required) auf der rechten Seite vom Label steht und das Browser-Fenster zu klein (zu schmal) ist, wird im Rahmen des Abschneiden der Inhalte auch der required-Stern "abgeschnitten". Daher empfehlen wir, im FormLayout den required-Stern mit Hilfe des URL-Parameters WDUIGUIDELINE=GL20 auf die linke Seite des Label zu verschieben.

Da Texte im FormLayout abgeschnitten werden können, ist es besonders wichtig, die Tooltips zu pflegen. Es empfiehlt sich hier, den Text z.B. nochmals als Tooltip anzuzeigen.

Ende des Hinweises.