How to integrate templates and modal windows?

3 posts, 0 answers
  1. Francis
    Francis avatar
    10 posts
    Member since:
    Mar 2016

    Posted 14 Mar 2016 Link to this post

    I am currently using nunjucks templating engine to build my app. On one .html template (index.html), I have a button that when clicked will open up a modal window. This modal window will contain a .html template with a 'next' button that will take you to another .html template (up to 6 pages). I am wondering how this can be done with Kendo. Basically I am trying to accomplish something like this: 

    'index.html'

    <button id="openButton">Open Window</button>

    'main.js'

    $(document).ready(function(){
        $("#window").kendoWindow({
            width: 200,
            height: 200,
            title: "Centered Window",
            visible: false           
        }).data("kendoWindow");
    });
     
    $("#openButton").click(function(){
        var win = $("#window").data("kendoWindow");
        win.center().open();
    });

    'modal-window1.html' thru 'modal-window6.html'

    <div id="window">
    Content of Window
    <button id="next-window">Next</button>
    </div>

  2. Francis
    Francis avatar
    10 posts
    Member since:
    Mar 2016

    Posted 14 Mar 2016 Link to this post

    I also need to add that the modal window will be a collection of forms.
  3. Daniel
    Admin
    Daniel avatar
    2231 posts

    Posted 17 Mar 2016 Link to this post

    Hello,

    I am not sure if I understand the issue. Please clarify what problems are you experiencing with using the window in this scenario.

    Regards,
    Daniel
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top