modal

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

configuration

Specifies whether the dialog should show a modal overlay over the page.

Boolean|Object

Default: true

<div id="dialog"></div>
<script>
$("#dialog").kendoDialog({
  title: "Kendo Dialog Component",
  content: "This is your Kendo Dialog.",
  modal: true
});
</script>

modal.preventScroll

Boolean

Specifies whether the document should stop scrolling when modal dialog is opened. Closing it should restore the initial document overflow. Note that it's not supported to have multiple dialogs with different preventScroll setting.

Default: false

<div id="dialog"></div>
<script>
$("#dialog").kendoDialog({
  title: "Kendo Dialog Component",
  content: "This is your Kendo Dialog.",
  modal: {
      preventScroll: true
  }
});
</script>

modal

modal.preventScroll