How to design a better screen layout?

[Former Member]

Hi all, we have one select-options and 5 input-fields on one view, these 6 elements are arranged from the top to the buttom, but the 5 input-fields seems very separeated from its corresponding label, can anyone give some advice to make the layout looks better? thanks very much.

select-options1

input-field1

input-field2

input-field3

input-field4

input-field5

[Former Member · Accepted solution]

Hello,

Looks like you are using a Matrix Layout here. Just mark the colSpan for your SelectOptions as 4 or 5.

Hope this helps.

Regards,

Neha

[Former Member]

After change the Select-options view contianer, colSpan to 5 and width to 64%, all the 6 UI element are arragned very well.

thanks all for your helpful advice.

[former_member196517]

Hey,

it depends on the column width of first UI element here so if you shrink it for select-options it will do the rest..

Regards

Anuj

[Former Member]

hi,

if u are using matrix layout uncheck the checkbox 'stretchedHorizontally' and 'stretchedVertically' prorerty of the container whrere your input fields resides.

for example if it is under ROOTUIELEMENTCONTAINER then uncheck the property of this container.

regards,

Subhasis.

Reward points for useful answer.