buttonLayout String (default: "stretched")

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

Example

<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>
In this article