How to get a group to expand horizontally

[Former Member]

I have a transparent container that contains two other group containers. Each group container contains a form, with fields of varying width. The two child containers should be displayed in a column form, one above the other.

What I would also like is for the smaller container (width-wise) to stretch horizontally to fill the space so as to match the width of the other child container. In other words, I want something like this:

+----------+
|+--------+|
||  GC-1  ||
|+--------+|
|+--------+|
||  GC-2  ||
|+--------+|
+----------+

However, try as I might, I get this sort of display:

+----------+
|+--------+|
||  GC-1  ||
|+--------+|
|+------+  |
|| GC-2 |  |
|+------+  |
+----------+

Which, due to the color scheme, looks bloody awful.

Is there any way to get group container 2 (GC-2) to stretch horizontally to the width of the parent transparent container?

I've tried various layouts, with no success, so suggestions are most welcome.

[Former Member · Accepted solution]

Use a MatrixLayout and set MatrixHeadData.width=100% for both contained "cells".

Armin

[Former Member · Accepted solution]

Exactly what I was looking for Armin, thanks.

[Former Member]

Hi,

Try this:

RootUIElementContainer - GridLayout, colCount=1, width=500px.

Goup1 - FlowLayout, colSpan=1, width=100%.

Group2 - FlowLayout, colSpan=1, width=100%.

Regards,

Satyajit.

Message was edited by: Satyajit Chakraborty

[Former Member]

Hi

You set the Property width of both the child groups to the same value say 500px.

Regards,

Ajay

[former_member197348]

Hai Ken,

just add <u>invisible elements</u> in each row at the end. You can set the property width to the end.

Hope it helps you.

Bye,

Siva