labels and inputfields in equal columns

[Former Member]

Hi, I have a hard time making my application look good. I want Labels and Inputfields to be sorted one under another in equal columns. Mostly I have a MatrixFlow with two labels and inputfields in a row. F.e:

Label1 Inputfield1 Label2 Inputfield2

Label2.1 Inputfield2.1 Label2.1 Inputfield2.1

.

.

.

and this is how I want it to be, now it looks more like that

Label1 Inputfield1 Label2 Inputfield2

Label2.1 Inputfield2.1 Label2.1 Inputfield2.1

and so on. Im aware of Padding left/right but since every single label or IF has different lenght it is hard to mach them in columns. thinking about setting it by pixels makes me sick as well. Ive been looking on example projects and there was no such problem like not even column so there must be some tool sorting it out and Im not aware of its existance. Please help

[Former Member · Accepted solution]

Hi,

I will suggest to use gridlayout with colCount as 4 and each individual UI of colSpan1 for your requirement.

thanks & regards,

Manoj

[Former Member]

First, use a RowLayout for the dividing the screen into stripes (represented by Group UI elements in your example). Assign to each group a RowHeadData element.

Assign to each group a MatrixLayout, set "stretchedHorizontally" to false. Assign MatrixHeadData to those elements that start a new row.

Groups of radio buttons should probably be wrapped into an extra container with FlowLayout.

MatrixLayout is preferable to GridLayout because it assigns correct paddings automatically.

Armin

[Former Member]

Hi,

Was unable to have a look at ur link.

But according to me it should work. Its working in my applications. hey did u try making the sub transparent containers as matrix data and not head data?

The transaparent containers do not depend on the labels fo length.

Hey, can u send a diagram of how it looks now? im not able to see the linku sent.

Regards,

Gita K C.

[Former Member]

Hi,

What you can do is keep Label1 and Label 2.1 in one transaparent container. Make it Matrix type and both the label as matrixheaddata. similarly, keep nputfield1 & Inputfield2.1 in another matrix transparent container and Label2 & Label2.1 in other and the remaining 2 in another. Make the layout type of the Root container as matrix and keep all these transaparent container as matrix data.

Transaprent Containers : Matrix.

(1) (2) (3) (4)

Label1 Inputfield1 Label2 Inputfield2

Label2.1 Inputfield2.1 Label2.1 Inputfield2.1

Let me know if it works....

All the Best!!!

Regards,

Gita K C.

[Former Member]

Thanks for response. Im using Grid layout in some Transparent Containers but it does not solve the problem, making whole app as Grid would take way to much space Manoj.

I tried to put 1.1 and 2.1 labels in one Transparent and it worked well, made it stuck to the left side, problem began again with inputfields, seems they are dependand on label lenght that way. Funny thing is when you see at example from sap it all looks fine in simple MatrixFlow and that's it.

Screenshot below so you can see how it looks atm and I warn you it can make your eyes bleed

(sorry for blackened fields but Im not allowed to show it to people yet. Black field has same lengt as label)

[url]http://img147.imageshack.us/my.php?image=notitlehz5.jpg

Edited by: Wojtek G on Jan 28, 2008 9:37 AM

Edited by: Wojtek G on Jan 28, 2008 9:37 AM

Edited by: Wojtek G on Jan 28, 2008 9:39 AM

[former_member312910]

Hi

Saw you screen shot. The best option to make your Application to look good is to use Grid layout.

Put the 4 sections of your screen in 4 transparent containers. Keep Grid layout in them. Set your column count as the maximum number of UI elements in one row. Then set the width of the individual UI elements in percentages.

Then if in one section if one row of UI elements are less than the column count that you have set, you will have to Fill the space with Invisible elements.

This will make your application look good, but the catch is that it will make the screen heavy.

regards

Deepu