How to align fields in webdynpro screen layout

[Former Member]

Hi Sir,

I have designed a webdynpro screen as following:

it contains mainly 2 transparent containers. 1 for upper half of the screen and 1 for lower half of the screen.

Inside each of this container I have added 2 transparent containers, 1 for the left and the other for the right.

So basically its mainly 4 sections: UpperLeft, UpperRight, LowerLeft & LowerRight.

Inside each container i have a set of fields with their labels.

All containers layout are Matrix Layout. Width of both left containers are 48% and both right are 52%.

Is there any way to allign the fields, in these containers as when displayed in output fields are moved to the right end of the container.

Please find the attached screenshot.

The space marked in red color has to be removed.

Only the upperleft section is coming correctly.

Can anyone please help to resolve this issue.

[Former Member · Accepted solution]

Hi Vishnu,

    It will be little bit difficult to align them as in WDA they don't work like XY axis.

The best option is to know how the Matrix layout works. You may check below.

Now in your case ( ref to your 1st fig) as you have used 'UpperLeft, UpperRight, lowerLeft & LowerRight' as TextView' so that space will always be kept for these. The allignment will be adjusted keeping that space.

I suggest you to use UI element Group instead of transparent container. Group has a option for Caption (Header) where you can keep those text.

Regards,

Monishankar C

[Harsh9]

Hello Vishu,

For your web dynpro application, try maintaining this parameter as shown in the snap shot. It should work in your scenario. Let me know the output.

Reward if useful.

Regards,

Harsh

[Former Member]

Hi Sir,

I have maintained the parameter but still the output is not changing.

[hitesh_gabani]

Hi Rajan,

Set your ROOTUIELEMENTCONTAINER to MatrixLayout.

Take four Transparent Container Like

Define two name as Upper LEFT and Upper Right .

Define two name as Lower LEFT and Lower Right .

set Layout for above all container ad Matrix Layout.

Set property of Upper Left and Lower Left as following :

Layout Data : MatrixHeadData

Set property of Upper Right and Lower Right as following :

Layout Data : MatrixData

hAlign : forceRight

Regards,

Hitesh

[Former Member]

Hi Sir,

Yes my ROOTUIELEMENTCONTAINER  layout is set to MatrixLayout.

I have set matrix layout for all 4 containers.

But for upper left and lower left I am not having this option: Layout Data : MatrixHeadData

For both these containers only Layout option is available and in that only Matrix Data is showing.

For upper right and lower right I have done the following option:

Layout Data : MatrixData

hAlign : forceRight

But still the output is not differing.

[hitesh_gabani]

check below the Layout option if you specify the ROOTUIELEMENTCONTAINER as Matrix layout than it show Layout Data in your all Container

[Former Member]

Hi Sir,

i have maintained Layout option as Matrix for ROOTUIELEMENTCONTAINER.

The first container I create inside this will not have layout data option.

this is why upper left and lower left is not having layout data option.

[hitesh_gabani]

pls share your screen shot

[former_member183072]

Hi Vishnu,

     As I understand you have 4 different containers with layout set to MatrixLayout.

     Your ROOTUIELEMENTCONTAINER  layout is set to MatrixLayout?

     Please check this.

Br,

Ovidiu

[Former Member]

Hi Sir,

Yes my ROOTUIELEMENTCONTAINER  layout is set to MatrixLayout.

[former_member183072]

Hi Rajan,

My first idea that comes to my mind is to create only 2 transparent containers: one for the "Upper part" and one for the "lower part" . Both with MatrixLayout.

You need to play a little with the containers and the fields.

Br,

Ovidiu

[former_member197475]

Hi Vishnu,

What is that 'Upper Right, Lower left'. Are they text elements.

Hope you have maintained all the labels in the transparent container and the text separately. Include that Upper Right text in the same transparent container that you have included the labels as well. Please try this.

BR,

RAM.

[Former Member]

Hi Sir,

UpperLeft, UpperRight, lowerLeft & LowerRight are TextView.

I have used 4 containers. In each container I have 1 textview for displaying the heading and 5 to 6 input fields and their corresponding label.

Yes sir the label, the input fields and the text view is in 1 container. Like this I have 4 containers for 4 sections of the screen.

but the fields and labels are coming right oriented.

Is there any way to remove this spaces marked in red.

[former_member197475]

Hi,

Then I hope, your label should have a property of matrix head data. So just insert an invisible element first and then make the textview as matrix head data. Guess it will be resolved.

BR,

RAM.