[CLOSED] Open a modal popup from a modal popup

[Aparna_B]

I need to show a modal pop up on some action inside a modal pop up. With the below piece of code, The First pop up appears inside the main window and the second pop up appears inside the first pop up, even if i set the width & height of the second Pop to be greater than those of the first one. How to make the second popup behave as a child to the main window rather than to the first popup?

function ShowFirstChild() {

            var win = new window.Ext.Window({
                id: '1',
                title: 'My First Modal PopUp',
                layout: 'absolute',
                modal: 'true',
                renderTo: Ext.getBody(),
                width: 865, height: 552, autoLoad: { showMask: true, mode: 'iframe',
                    url: '/Home/MyTestPage/'
                }
            });
            win.show();
        }        

function ShowSecondChild() {
                var win2 = new window.Ext.Window({
                id: '2',
                title: 'My Second Modal PopUp',
                layout: 'absolute',
                modal: 'true',
                renderTo: Ext.getBody(),
                width: 900, height: 600
                }
            });
            win2.show();
            win2.load({ url: '/Home/MyTestPage/', nocache: true, scripts: true, mode: 'iframe' });
        }

Thanks,
Aparna B.

[Aparna_B]

I need to show a modal pop up on some action inside a modal pop up. With the below piece of code, The First pop up appears inside the main window and the second pop up appears inside the first pop up, even if i set the width & height of the second Pop to be greater than those of the first one. How to make the second popup behave as a child to the main window rather than to the first popup?

function ShowFirstChild() {

            var win = new window.Ext.Window({
                id: '1',
                title: 'My First Modal PopUp',
                layout: 'absolute',
                modal: 'true',
                renderTo: Ext.getBody(),
                width: 865, height: 552, autoLoad: { showMask: true, mode: 'iframe',
                    url: '/Home/MyTestPage/'
                }
            });
            win.show();
        }        

function ShowSecondChild() {
                var win2 = new window.Ext.Window({
                id: '2',
                title: 'My Second Modal PopUp',
                layout: 'absolute',
                modal: 'true',
                renderTo: Ext.getBody(),
                width: 900, height: 600
                }
            });
            win2.show();
            win2.load({ url: '/Home/MyTestPage/', nocache: true, scripts: true, mode: 'iframe' });
        }

Thanks,
Aparna B.

GOt it working. Reference :http://forums.ext.net/showthread.php?9935