AUTHOR: Marin Bratanov
DATE MODIFIED : November 11, 2017
DATE POSTED: August 21, 2017
How to have a RadWindow that is pinned but also allows the end user to drag it.
RadWindow can be pinned so it stays in the same place in the viewport regardless of the scolling of the page.
The end user can do this with a button on the titlebar, or you can do this in the OnClientShow event (see Example 2): http://docs.telerik.com/devtools/aspnet-ajax/controls/window/client-side-programming/events/onclientshow.
The caveat is that a pinned RadWindow cannot be dragged by the end user because its position on the viewport is not allowed to change.
One solution is to create a container in the page that will scroll instead of the <form> element. The RadWindow popup is a direct child of the <form> element and so it inherits its positioning.
Here is an example:
html, body, form
"overflow-y: auto; height: 100%;"
You can toggle the scrolling of the containers to determine whether the RadWindow will be pinned. You can further extend this to use CSS classes and add or remove them from the content dynamically.