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

ButtonLayout

configuration

Specifies the possible layout of the action buttons in the Dialog.

Note: Stretched layout has no effect in browsers, like IE9, that do not support flexbox.

Possible values are:

normal
stretched

buttonLayout

String

Default: "stretched"

<div id="dialog"></div>
<script>
    $("#dialog").kendoDialog({
        title: "Kendo Dialog Component",
        content: "This is your Kendo Dialog.",
        buttonLayout: "normal",
        actions: [{
          text: "OK",
          primary: true
      },{
          text: "Cancel"
      }]
    });
</script>