dhtmlxlayout fullscreen initialization


I have successfully created my application with the dhtmlxlayout.

When i load the layout in a div it is ok.

I have also seen your example of loading a full screen layout.

My problem is that i want to initialize the layout when the page is already

loaded. I want to do this through a user event like clicking a link. (not through dody onload event)

However when i do this, the layout loads at the top of the page. i.e it does

not go full screen until i resize the browser window.

How can i initialize it fullscreen replacing the previous content entirely?



Layout init over existing components and occupy all document.body
Do not forget add the following style:
html, body{ width: 100%; height: 100%; overflow: hidden; margin: 0px; }
Here is a demo attached.

demo.zip (670 Bytes)