cancel
Showing results for 
Search instead for 
Did you mean: 

Matrix Layout Width Percentage

Former Member
0 Kudos

Dear Experts,

I have a requirement.

I need to create 4 Transparent Containers:-

- TCO_MAIN (Matrix Header)

- - TCO_RIGHT (Matrix Header)

- - TCO_MIDDLE (Matrix Data)

- - TCO_LEFT (Matrix Data)

TCO_RIGHT, TCO_MIDDLE, and TCO_LEFT are in the TCO_MAIN.

What propeties should i set in order to have these:-

- TCO_RIGHT to occupy 20% of the TCO_MAIN width,

- TCO_MIDDLE to occupy 20% of the TCO_MAIN width, and

- TCO_LEFT to occupy 60% of the TCO_MAIN width.

Thanks.

Tee

Accepted Solutions (0)

Answers (6)

Answers (6)

Former Member
0 Kudos

Arjun,

I did the same, but, it's not working.

Thanks.

Tee

Former Member
0 Kudos

Rohit,

I tried this ...

TCO_MAIN width 100% Strecthed Horizon

TCO_LEFT width 20%

TCO_MIDDLE width 20%

TCO_RIGHT width 60%.

But, when i run it, each of the TCO_LEFT/ TCO_MIDDLE/ TCO_RIGHT is taking the width equally based on the TCO_MAIN. They are not taking up the percentage width that i had set.

Thanks.

Tee

arjun_thakur
Active Contributor
0 Kudos

Hi Tee,

Try this config:

Layout of all the transparent containers should be Matrix Layout.

TCO_MAIN width 100% Strecthed Horizon

TCO_LEFT width 20%, Go to layout data property and give width as 20%

TCO_MIDDLE width 20%, Go to layout data property and give width as 20%

TCO_RIGHT width 60%. Go to layout data property and give width as 60%

I hope it works.

Regards

Arjun

Former Member
0 Kudos

Radhika,

I tried your suggested way.

But, it's exceeding the page width.

Is it possible not to use the px to set the width for TCO_LEFT/ TCO_MIDDLE/ TCO_RIGHT?

I am trying to make it dynamically widen based on the width of the page.

Thanks.

Tee

former_member40425
Contributor
0 Kudos

Hi Tee,

Its always good aproach to give width in % not in px.

In the properties of TCO_MAIN transparent container check the checkbox stretchedHorizontally.

Regards,

Rohit

Former Member
0 Kudos

Arjun,

Thanks for your reply.

I tried putting the width as

TCO_RIGHT 20%,

TCO_MIDDLE 20%, and

TCO_LEFT 60%.

But, it's not working.

I am not sure if i missed out anything?!

Thanks.

Tee

Former Member
0 Kudos

Set the width property of the transparent containers that are under TCO_MAIN in px.

Try this: Frist set the width of the rootuielement container to 100%

- TCO_MAIN (Matrix Header) : 100%

- - TCO_RIGHT (Matrix Header) : 200 px

- - TCO_MIDDLE (Matrix Data) : 200 px

- - TCO_LEFT (Matrix Data) : 600px

Hope it helps!

Radhika

arjun_thakur
Active Contributor
0 Kudos

Hi,

What propeties should i set in order to have these:-

Set the width property of the transparent container. Give the value in %.

Regards

Arjun