Problem with layout of UI Elements

[Former Member]

Hi,

My english is bad, sorry.

In a view i have a Group and inside it has two TransparentContainer, one with labels and another with inputFields:

http://piczasso.com/s.php?s=gufag.JPG

How do I make the labels and InputFields align horizontally? the labels have to be alienated vertically and also InputFields.

Thanks,

Regards,

Rubén Gutiérrez.

[former_member185086 · Accepted solution]

Hi

Top Group Layout --> GridLayout with 2 no.of Col,

Let remaining container having same Layout but 1 no. of col.

Now adjust its LayoutData Property.

Best Regards

Satish Kumar

[former_member218672]

Hi Rubén

IN NWDS, open you view and go to properties tab below. Now, select RootUIElementContainer in the Outline view and in the property section make-

layout - GridLayout

cellPadding - 5

colCount - 3

Then save. Also for more details - Open your NWDS in your system > go to help tab > sap web as documentation > sap web dynpro application > a new window will open > go to - create your first application in webdynpro

here you'll get all help you needed.

Regards,

Sen

[Former Member]

Thanks prodyut.

Finally, thanks to the manual indicated by Deepak have solved the problem.

I explain how I did:

http://piczasso.com/s.php?s=5rlgz.JPG

- I deleted TransparentsContainers.

- Group -> layout (GridLayout) and colCount (2)

- InputFields and checkbox -> paddingLeft (large)

- checkbox -> valign (middle)

Thanks to all

Regards,

Rubén Gutiérrez.

Edited by: bifusion on Jan 5, 2011 1:25 PM

Edited by: bifusion on Jan 5, 2011 1:25 PM

[Former Member]

Hi,

Please go through below websites, and do some sample applications as mentioned in the site before going for the real time scenraios. It will clear your basic WD concepts.

(View layout example)

http://help.sap.com/saphelp_afs64/helpdata/ja/5f/949832e2b90b4c940428893ba6cc26/frameset.htm

(WD Sample Applications)

[original link is broken]

Best Regards

Deepak

[Former Member]

Thanks Satish

Your solution does not work.

Group: layout (GridLayout) and colCount (2)

TransparentsContainers: layout (GritLayout) and colCount (1)

The result is:

http://piczasso.com/s.php?s=abzma.JPG

Thanks Deepak,

Some time ago I made some manuals, but none explain me how to do the design views.

Regards,

Rubén Gutiérrez.