problem in formatting the input fields in layout............

[Former Member]

Friends,

i am finding very tough time in formatting my fields on layout.

here is my issue.

i have 3 headings...

Date Notes text

label1 input1 label2 input2 label2 input2

label4 input 4 label5 input5 label6 input6.

I needed like this. i used matrixhead data, grid i tried all.. but they are coming correctly in row wise.

but coloums are not aligned properly. Need space between Date and Notes,,, input1 and label2....

kindly reply me .

thanks in advance

niraja

[Former Member · Accepted solution]

Hello Niraja ,

The best way will be to use transparent containers and horizontal gutter ( for spaces you have set the property AREARULE to norule ).

Create the transparent containers for every label and input field combination . Then you will have

6 containers . Now you can insert Horizontal gutter after every transparent container .

Use the matrix layout .

I hope this will solve your problem .

Regards

Vivek

PS: please provide the points if answer is helpful .

[Former Member · Accepted solution]

hey vivek,

i created transpnt container one for all.. and for 4th lable i gave matrixheaddata, it came to second row. all fine

but i need to format the spaces beetween labels and input and header texts..

can we move as much as we need..................

[Former Member · Accepted solution]

Hello ,

This is little bit diffcult but simple solution will be to hard code the width of all lables

and input field to some fix values .

please try with six containers that will be more flexible .

Regards

Vivek

[Former Member]

Hi,

You can use the matrix layout for this.

In the first row u have to make Date heading as matrix head data.

there after use one Invisible element as matrix data.

Then use Notes heading as matrix data.

there after use one Invisible element as matrix data.

Similarly you have to use Invisible elements after every heading.

Now for the second row make label1 as matrix head data, and rest of the elements as Matrix Data.

similarly for trird row make label4 as matrix head data, and rest of the elements as Matrix Data.

Thanks

Pankaj Aggarwal.

[Former Member]

Great the invisible element worked forme,

but one small thing.

i have lot of gap between my label and its input field......

how can i bring close the lable and its input field.

also want to bring closer two input fields..

thanks in advance,

niraja

[Former Member]

Use pading concept on UI element

[Former Member]

Hi WD,

can u give me a example.... of padding....

how to decrease the gaps between input field and label.. .

kindly respond.... me pls..

thanks in advance,

Niraja

[Former Member]

openiong a new thread,