How we can open a popup in another popupwindow - Angular, Vue, React, Web Components, Javascript, HTML5 Widgets

Tagged: jqxwindow, popup, window

This topic contains 1 reply, has 2 voices, and was last updated by Dimitar 11 years, 9 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

How we can open a popup in another popupwindow Posts

April 8, 2013 at 11:27 am How we can open a popup in another popupwindow #18837

April 9, 2013 at 10:05 am How we can open a popup in another popupwindow #18870

Dimitar

Participant

Hello narendra.pvnb,

Here is the solution with two windows. Unfortunately, multiple modal windows are not supported at the moment.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.summer.css" type="text/css" />
    <script type="text/javascript" src="../../scripts/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxwindow.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#jqxwindow").jqxWindow({ height: 150, width: 200, theme: 'summer' });
            $("#jqxwindow2").jqxWindow({ height: 90, width: 150, theme: 'summer', autoOpen: false });
            $("#open").click(function () {
                $("#jqxwindow2").jqxWindow('open');
                $('#jqxwindow2').jqxWindow('bringToFront');
            });
        });
    </script>
</head>
<body>
    <div id='content'>
        <div id='jqxwindow'>
            <div>
                Header 1</div>
            <div>
                Content 1
                <br />
                <br />
                <button id="open">
                    Open second window</button>
            </div>
        </div>
        <div id='jqxwindow2'>
            <div>
                Header 2</div>
            <div>
                Content 2<br />
            </div>
        </div>
    </div>
</body>
</html>

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.