New to Kendo UI for jQuery? Download free 30-day trial

Use Windows as Sliding Panes


Product Progress® Kendo UI® Window for jQuery
Operating System Windows 10 64bit
Visual Studio Version Visual Studio 2017
Preferred Language JavaScript


How can I configure the Kendo UI for jQuery Window so it acquires the visual effect of a sliding UI component?


The following example demonstrates how to make the Window behave as a sliding pane.

  <div id="dialog">
      <p>Some content</p>
  <a href="#" id="openWindow">Open</a>
        title: "Title",
        width: "60%",
        height: "94%",
        actions: [ "close" ],
        draggable: false,
        resizable: false,
        modal: true,
          top: 0,
          left: "40%"
        animation: {
          open: {
            effects: "slideIn:left",
            duration: 500
          close: {
            effects: "slideIn:left",
            reverse: true,
            duration: 500
        visible: false
        var dialog = $("#dialog").getKendoWindow();;

See Also

In this article