Abschneiden von Inhalten bei Layouts
Im FormLayout und im GridLayout mit gesetzter Eigenschaft layoutFixed werden alle Inhalte, die größer als die umgebende Layout-Zelle sind, abgeschnitten. Dies passiert insbesondere bei allen Texten (z.B. Label, TextView, Caption, etc.). Sofern es der Browser erlaubt (der Firefox-Browser tut dies z.B. zur Zeit nicht), wird im Fall des Abschneidens eine Ellipse ( ...) angezeigt.
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.
In allen anderen Layouts ( MatrixLayout, RowLayout, FlowLayout, GridLayout wenn die Eigenschaft layoutFixed nicht gesetzt ist) 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-Elementen in verschiedenen Containern zu harmonisieren.
Die Dimensionen der Layout-Zellen in einem fixen Layout (FormLayout und GridLayout mit gesetzter Eigenschaft layoutFixed ) 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 ausgeschaltet 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.
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.