All Components

Dimensions

The Dialog enables you to specify its width and height.

To define the dimensions of the Dialog, use its width and height bindings.

@Component({
    selector: 'my-app',
    template: `
      <kendo-dialog [width]="400" [height]="300" title="Status">
        <p style="text-align: center; padding-top: 5em;">Your escape pod is now ready.</p>

        <kendo-dialog-actions>
          <button kendoButton primary="true">Launch!</button>
        </kendo-dialog-actions>
      </kendo-dialog>
    `
})
class AppComponent {
}
In this article