How to keep contents in modal window after clicking anchor tag

[Chris]

I have a modal window containing several anchors. After clicking one of the anchors I need the new content to display in the existing modal window. I have tried several known methods to make this work, but all result in the creation of a new window - as if the target had been set to _top rather than _self. Any guidance is appreciated.

[Alex Gyoshev]

Hi Chris,

It depends on your scenario. Please post the code that creates the window and an example of the window content. Showing your scenario in a jsFiddle will yield the fastest and most accurate answer.

Regards,
Alex Gyoshev
the Telerik team

[Chris]

Thanks for the reply. Not sure I can build a test for this in JsFiddle.

I am loading content via ajax into the modal window, and the links in the modal window point to content that will be loaded again using ajax. I've attached a small .png to demonstrate what I am talking about.

[Alex Gyoshev]

Hi Chris,

I understand. In this case, you will need to handle all link clicks like this:

    var window = $("#window").kendoWindow();

    window.on("click", "a", function(e) {
        e.preventDefault(); // prevent the link from navigating
        
        window.data("kendoWindow")
            .content("Loading...") // show a loading message
            .refresh($(this).attr("href")); // load the href of the link
    }); 

Best wishes,
Alex Gyoshev
the Telerik team

[Chris]

Thank you! That got me half way there and I could figure out the rest. I appreciate the help.