Book Image

Kendo UI Cookbook

By : Sagar Ganatra
Book Image

Kendo UI Cookbook

By: Sagar Ganatra

Overview of this book

Table of Contents (18 chapters)
Kendo UI Cookbook
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

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