Skip to Content
author's profile photo Former Member
Former Member

labels and inputfields in equal columns

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

Add a comment
10|10000 characters needed characters exceeded

Assigned Tags

Related questions

4 Answers

  • Best Answer
    author's profile photo Former Member
    Former Member
    Posted on Jan 28, 2008 at 07:54 AM

    Hi,

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

    thanks & regards,

    Manoj

    Add a comment
    10|10000 characters needed characters exceeded

  • author's profile photo Former Member
    Former Member
    Posted on Jan 28, 2008 at 07:59 AM

    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.

    Add a comment
    10|10000 characters needed characters exceeded

    • Former Member Former Member

      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

  • author's profile photo Former Member
    Former Member
    Posted on Jan 28, 2008 at 09:42 AM

    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.

    Add a comment
    10|10000 characters needed characters exceeded

  • author's profile photo Former Member
    Former Member
    Posted on Jan 28, 2008 at 10:35 AM

    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

    Add a comment
    10|10000 characters needed characters exceeded

Before answering

You should only submit an answer when you are proposing a solution to the poster's problem. If you want the poster to clarify the question or provide more information, please leave a comment instead, requesting additional details. When answering, please include specifics, such as step-by-step instructions, context for the solution, and links to useful resources. Also, please make sure that you answer complies with our Rules of Engagement.
You must be Logged in to submit an answer.

Up to 10 attachments (including images) can be used with a maximum of 1.0 MB each and 10.5 MB total.