Issue with Layouting

[former_member206289]

Hello Experts,

I am facing issue with the Layouting the Tray UI.

Below is the structure of my view

RootUIContainer -> GridLayout, ColCount = 2

Tray 1 -> GridLayout, Colcount=1

ScrollbarContainer -> GridLayout, Colcount=1

TransparentContainer-> GridLayout, Colcount=1

TextView 1 -> Text ="111...............111"

Tray 2 -> GridLayout, Colcount=1

ScrollbarContainer -> GridLayout, Colcount=1

TransparentContainer-> GridLayout, Colcount=1

TextView 2-> Text ="111"

Now i want that the two columns of the RootUIContainer should be of same width so that the trays are also of same width. But here tray 1 occupies most of the view space because TextView 1 is large.

Can anyone suggest how i can have the width of the two trays equal.

Also if in any of the ScrollbarContainer, i keep the scrolling mode to Auto, all the UIElements below it vanish....

I have no idea why this is happening.

My NWDS is 7.0

Looking for your suggestions.

Regards,

G. Singh

[former_member197348 · Accepted solution]

Hi,

You need to set the <b>width </b>property of the two Textviews to same value(say 200 px). For ScrollbarContainer problem if you set <b>width </b>and <b>LayoutData width </b> I think it will be okay.

regards,

Siva

[former_member206289]

Hello experts,

Thanks for your answers.

Armin@ Thanks for the information on scroll container. But the second solution, having textwrap for textview doesnot give me the result.

THe solution is seting the width of LAyoutData of the trays to say 400px.

Thanks for you answer.

Kind Regards,

Gursimran Singh

[Former Member]

When using ScrollContainer with automatic scrolling mode, specify a fixed height like 500px.

For the TextView, set wrapping=true. If your texts don't contain spaces, this will have no effect and the layout will be pushed. Alternatively, you can use a read-only TextEdit for long texts or cut long texts off by application code.,

Armin