cancel
Showing results for 
Search instead for 
Did you mean: 

Alignment problem with multiple groups

Former Member
0 Kudos

Dear All,

I have three group elements in my view with Matrix layout. Each of these has forms with 4 or 5 fields.

I want all the fields in each of the groups to be aligned.

Problem is that the textviews in a particular group get aligned well.

However, they are not aligned properly with those in other groups.

This gives a zigzag look to the screen.

Could anyone please provide me a solution for this?

Thanks and regards,

Mayuresh

Accepted Solutions (0)

Answers (6)

Answers (6)

Former Member
0 Kudos

Hey, sorry I posted the above message halfway-through by mistake.

My layout is like this (it appears as follows):

I want all the textviews (vertically) to be aligned.

RootUIElementContainer

Group1

Label1 Textview1

Label2 Textview2

Label3 Textview3

Label4 Image1

Group2

Label5 Textview4

Label6 Textview5

Label7 Textview6

Group3

Label8 Textview7

Label9 Textview8

Label10 Textview9

Group4

Label11 Textview10

Table with 2 columns

Button

Here Textviews 1,2,3 get aligned (Vertically) properly and so do 4,5,6 & 7,8,9

But Textview 1,2,3 are not aligned (Vertically) properly with 4,5,6 or with 7,8,9.

Thanks and regards,

Mayuresh

Edited by: Mayuresh Kanvinde on Jan 22, 2009 2:59 PM

former_member197348
Active Contributor
0 Kudos

Hi Mayuresh,

I think this problem is due to image UI in Group1 or width of the groups. Try like this

Set width of all groups to same width (say 400px)

Set Layout to GridLayout with colCount 2.

Set width of all Labels to the same width

Set hAlign left

Set width of all second column UI (TextView and Image) to the same width (for table width = Label width + TextView width )

Set hAlign left

Regards,

Siva

Former Member
0 Kudos

My layout is like this:

RootUIElementContainer

Group1

Label Textview

Label Textview

Label Textview

Label Image

Group2

Label Textview

Label Textview

Label Textview

Group3

Label Textview

Label Textview

Label Textview

Group4

Label Textview

Table with 2 columns

Buuton

Former Member
0 Kudos

Ok, you have a number of groups below each other. And what should be aligned?

Armin

Former Member
0 Kudos

Please describe how your layout looks like and what you want to improve. Do you want to align (horizontally) form elements across different containers?

Armin

Former Member
0 Kudos

hi,

for all forms rowlayout is gridlayout

but set the colcount is the max no of columns dat u can have in ur form

for example if ur layout is as follows

label1 i/p field1

label2 i/p field2 button1

table1

button1 button2 button3

now ur colcount=3

in the first row set colspan for

label1=1

i/p field1=2

label2=1

i/p field2 =1

button =1

tabel1 =3

button1 =button2=button=3

Regards

Jayapriya

former_member197348
Active Contributor
0 Kudos

Hi Mayuresh,

Set the layout of all groups to grid Layout. If you have forms in it then set colCount = 1 else set colCount = 2. Set the layout of all forms to grid Layout set colCount = 2.

Regards,

Siva

Former Member
0 Kudos

Hi,

First of all assign the flow layout to the Rootuielementcontainer.

Then u can use Gridlayout in the Groups.

To make the widths of the column similar u can use invisible element and set the property as per your requirements.

Just have a look at the following article and look in that how u can set the layout:

https://www.sdn.sap.com/irj/scn/go/portal/prtroot/docs/library/uuid/b06c8c9a-19a4-2b10-d985-9ae7a438...

Regards.

Rajat