PageLayout has layout problems when switching from Visible=False to Visible=True

[Rémi]

Hi,

 

I have a UserControl including a RadPageLayout. The RadPageLayout is built as the following : 1 one row with 2 layoutColumns and each layoutColumn has "x" rows. When I simply display it, everything is ok.

But in my scenario I don't want to display the UserControl including the RadPageLayout immediatly, so I set its Visible property to False. Then when I set its Visible property to True (by clicking on a button for example) the RadPageLayout layout is broken : the two layoutColumns don't stand side by side anymore.

So to summarize, if at the beginning my UserControl's Visible property is set to True then it's ok, but it's set to False then True I have layout issue.

 

Could you help me to find a solution or a workaround ?

 

Thanks,

Rémi

 

[Rémi]

It seems that the RadPageLayout inner div's classes are not loaded (ie: t-container, t-row, t-col, t-col-6 etc...).

[Rémi]

Well, my UserControl is inside an UpdatePanel and this UpdatePanel seems to be the problem... If I remove it I have no more problem...

[Rémi]

The problem is that i need this UpdatePanel and I need the PageLayout to be not visible at the beginning. The WebResource of the PageLayout is not loaded and I don't see any errors.

Do you have any idea ?

[Veselin Tsvetanov]

Hello Rémi,

The issue in your scenario is caused by the fact that the styles of the RadPageLayout control are not loaded on initial page load. Because of performance optimizations, we check which controls are placed on the page and we load from the dll only those styles that are currently needed. As the User control with the RadPageLayout is not visible on initial load, the styles for this control are not loaded. What I can suggest you as a workaround is to place another empty RanPagelayout on your page. This way the styles will be initially loaded and the layout should appear as expected.

Regards,
Veselin Tsvetanov
Telerik

[Rémi]

Your workaround does the trick, thank you !