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

Width

configuration

Specifies width of the dialog.

width

Number | String

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

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