kendo windo not working

2 posts, 0 answers
  1. Navneet
    Navneet avatar
    2 posts
    Member since:
    Mar 2011

    Posted 16 Feb 2015 Link to this post

    I have just use this simple kendo window, it works fine but suddenly it stop working.
    i have used in asp.net simple website but getting error...

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
       
        <link href="Kendo_New/kendo.common.min.css" rel="stylesheet"
            type="text/css" />
        <link href="Kendo_New/kendo.default.min.css" rel="stylesheet"
            type="text/css" />
             <script src="jquery.min.js" type="text/javascript"></script>
        <script src="Kendo_New/kendo.web.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                var window = $("#window"),
                            undo = $("#undo")
                                    .bind("click", function () {
                                        window.data("kendoWindow").open();
                                        undo.hide();
                                    });

                var onClose = function () {
                    undo.show();
                }

                if (!window.data("kendoWindow")) {
                    window.kendoWindow({
                        width: "600px",
                        title: "About Alvar Aalto",
                        actions: [
                                    "Pin",
                                    "Minimize",
                                    "Maximize",
                                    "Close"
                                ],
                        close: onClose
                    });
                }
            });
            </script>
    </head>
    <body>
    <form id="form1" runat="server">
        <div id="example">
            <div id="window">
                <div class="armchair">
            
                    Artek Alvar Aalto - Armchair 402</div>
                <p>
                    Alvar Aalto is one of the greatest names in modern architecture and design. Glassblowers
                    at the iittala factory still meticulously handcraft the legendary vases that are
                    variations on one theme, fluid organic shapes that let the end user decide the use.
                    Interpretations of the shape in new colors and materials add to the growing Alvar
                    Aalto Collection that remains true to his original design.</p>
                <p>
                    Born Hugo Alvar Henrik Aalto (February 3, 1898 - May 11, 1976) in Kuortane, Finland,
                    was noted for his humanistic approach to modernism. He studied architecture at the
                    Helsinki University of Technology from 1916 to 1921. In 1924 he married architect
                    Aino Marsio.</p>
                <p>
                    Alvar Aalto was one of the first and most influential architects of the Scandinavian
                    modern movement, and a member of the Congres Internationaux d'Architecture Moderne.
                    Major architectural works include the Finlandia Hall in Helsinki, Finland, and the
                    campus of Helsinki University of Technology.</p>
               
            </div>
            <span id="undo" style="display: none" class="k-button">Click here to open the window.</span>
            
            <style scoped>
                #example
                {
                    min-height: 500px;
                }
                
                #undo
                {
                    text-align: center;
                    position: absolute;
                    white-space: nowrap;
                    padding: 1em;
                    cursor: pointer;
                }
                .armchair
                {
                    float: left;
                    margin: 30px 30px 120px 30px;
                    text-align: center;
                }
                .armchair img
                {
                    display: block;
                    margin-bottom: 10px;
                }
            </style>
        </div>
        </form>
    </body>
    </html>

  2. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2564 posts

    Posted 17 Feb 2015 Link to this post

    Hello Navneet,

     

    I have tried to reproduce the issue in a simpler scenario, but to no avail. Can you please edit the page in order to show the issue that you face, or possible send us a project where the issue can be reproduced?

     

    http://dojo.telerik.com/@Kiril/uMidI

     

    Regards,
    Kiril Nikolov
    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