Launching a new viewport from one

[nithya_l]

Hi,

I needed help with launching a new page from one. I am launching the first page by using the Ext.application method

var cmpSearchViewport = Ext.create('MyApp.view.SearchViewport', {
renderTo: Ext.getBody()
});
cmpSearchViewport.show();
On click of a button on this page the new viewport should be launched. I added this to the button listener.\

var cmp1 = Ext.create('MyApp.view.MyViewport', {
renderTo: Ext.getBody()
});
cmp1.show();

But it is not displayed properly and the first page is still showing up. Please let me know how to solve this.

Thanks in advance.

[scottmartin]

You do not need to call renderTo or show to display a ViewPort. This is done automatically.

Regards,
Scott.

[nithya_l]

Thanks for the reply.
If I remove the renderTo and show the page is rendering, but the display is not covering the entire page.

The first page is still showing up and a part of the next page is rendered on a small portion.

Should I clear the body content and then call the Ext.create. If so how can that be done.

Thanks

[scottmartin]

ViewPort is designed to display using the entire browser client window. If you have other content on the browser body, you may want to use a panel. Is this case?

Regards,
Scott.