kendo ui popup window

Kendo ui popup window

Hello everyone, I am going to share the code sample for kendo ui popup window for display a popup as per your requirements.








Table of Contents
1. MVC 5 code sample for Kendo ui popup window
2. JavaScript code sample for kendo ui popup window

JavaScript code sample


<script type="text/javascript">
    $(function () {
        var window = $("#popWindowForTnC");
        $("#lkbCreateContractTnC").bind("click", function () {
            window.data("kendoWindow").refresh({
                url: "http://localhost:2000/TermsnCondition/TermsnConditionForNewContract"
            });
            window.data("kendoWindow").center();
            window.data("kendoWindow").open();
        });
    });
</script>

Here URL(http://localhost:2000/TermsnCondition/TermsnConditionForNewContract) is basically load the display popups view.

MVC Kendo ui popup window

 @(Html.Kendo().Window()
        .Name("popWindowForTnC")
        .Title("Terms and Condition")
        .Content("Loading...")
        .Modal(true)
        .Width(800)
        .Actions(actions => actions.Maximize().Close())
        .Visible(false)
        .Draggable(true)

 )


ANIL SINGH

Hey! I'm Anil Singh. I author this blog. I'm Active Blogger, Programmer. I love learning new technologies, programming, blogging and participating the forum discussions more...
My Blogs - http://www.code-sample.com and http://www.code-sample.xyz
My Books - Google Amazon and Flipkart Book Store!

You Might Also Like
Post a Comment
www.code-sample.com/. Powered by Blogger.