O'Reilly logo

Kendo UI Cookbook by Sagar Ganatra

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Customizing the look and feel of the window and including action buttons

There are various options available to the user to customize the window object. In this recipe, we will take a look at these options.

How to do it…

Some of the customization options for the window have a default value. For example, the pop-up window can be resized and is draggable. Also, the window is shown since the visible property is set to true. Let's take a look at some of the other properties:

$('#window').kendoWindow({
  visible: false,
  modal: true,
  title: "Example Modal Window",
  width: '400px',
  height: '400px',
  maxWidth: '600px',
  maxHeight: '600px',
  minWidth: '200px',
  minHeight: '200px',
  position: {
    top: '100px',
    left: '100px'
  }
});

Here, the title attribute specifies the ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required