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

Window Constraining and Pinning

1 Answer 149 Views

Window

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

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>

<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>

Window Constraining and Pinning

1 Answer, 1 is accepted