This is a migrated thread and some comments may be shown as answers.

Window Constraining and Pinning

1 Answer 11 Views
Window
This is a migrated thread and some comments may be shown as answers.
Jesse
Top achievements
Rank 1
Jesse asked on 21 Jan 2020, 09:07 PM

When using the Kendo Window in JQuery or MVC, you can bypass the constrained area by pinning the window and then attempting to move it. Is this expected behavior?

You can see an example by going to your online demos, pin the window, then attempt to move it.

https://demos.telerik.com/kendo-ui/window/constrain-movement

 

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link rel="stylesheet" href="styles/kendo.common.min.css" />
    <link rel="stylesheet" href="styles/kendo.default.min.css" />
    <link rel="stylesheet" href="styles/kendo.default.mobile.min.css" />
 
    <script src="js/jquery.min.js"></script>
    <script src="js/kendo.all.min.js"></script>
     
 
</head>
<body>
<div id="example">
    <div id="container">
        <div id="window">
            <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.
            </p>
        </div>
    </div>
 
    <script>
        $(document).ready(function() {
            $("#window").kendoWindow({
                width: "300px",
                height: "200px",
                draggable: {
                    containment: "#container"
                },
                title: "About Alvar Aalto",
                actions: ["Minimize", "Maximize", "Pin"]
            }).data("kendoWindow").open();
        });
    </script>
 
    <style>
        #container {
            height: 400px;
            width: 600px;
            position: relative;
            border: 1px solid rgba(20,53,80,0.14);
        }
    </style>
</div>
 
 
</body>
</html>

1 Answer, 1 is accepted

Sort by
0
Petar
Telerik team
answered on 23 Jan 2020, 01:29 PM

Hi Jesse,

The reported behavior is an expected one. When pinned, the Window component keeps its position fixed inside the browser's window. 

As you can see in the linked demo, once the Window is unpinned, it moves inside its constraining area. 

Regards,


Petar
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
Window
Asked by
Jesse
Top achievements
Rank 1
Answers by
Petar
Telerik team
Share this question
or