Issue about open two modal windows

2 posts, 0 answers
  1. William
    William avatar
    3 posts
    Member since:
    Mar 2015

    Posted 30 Sep 2015 Link to this post

    Hello,

    Does Window component support nested modal window?

    I tried to open two modal windows like the sample code

    <script type="text/JavaScript">
    function openWinOne() {
        var winOne = jQuery("\#win_one");
        if (!winOne.data("kendoWindow")) {
            winOne.kendoWindow({
                modal: true
            }).data("kendoWindow").center();
        }
        ......
    }
    function openWinTwo() {
        var winOne = jQuery("\#win_two");
        if (!winOne.data("kendoWindow")) {
            winOne.kendoWindow({
                modal: true
            }).data("kendoWindow").center();
        }
        ......
    }
    </script>
     
    <div id="test">
        <button onClick="openWinOne();">
    </div>
    <div id="win_one" style="display: none;">
        <button onClick="openWinTwo();">
    </div>
    <div id="win_two" style="display: none;">
    </div>

    When closing the 2nd modal window, the focus is returned to 1st modal window but the background mask is also removed.

    How can I keep the background mask when closing the nested modal windows?

  2. Atanas Georgiev
    Admin
    Atanas Georgiev avatar
    126 posts

    Posted 30 Sep 2015 Link to this post

    Hello Williap,

    Please refer to the following dojo snippet, showing modal window opened over another modal window. I hope it will be of help in implementing your use case.

    Regards,
    Atanas Georgiev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
Back to Top