There are various options available to the user to customize the window object. In this recipe, we will take a look at these options.
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 title of the window. When the modal window is rendered, its width
and height
would be 400px
. This modal window can be resized; however, it can be resized to a maximum width (maxWidth
) and height (maxHeight
) of 600px
...