How to integrate templates and modal windows?

[Francis]

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>

[Francis]

I also need to add that the modal window will be a collection of forms.

[Daniel]

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