Kendo UI for Angular Dialog Overview

The Kendo UI for Angular Dialog communicates specific information and prompts users to take certain actions by interacting with an Angular modal component.

The Dialog Component is part of Kendo UI for Angular, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

The following example demonstrates the Dialog—a feature-rich Angular modal component.

Example
View Source
Change Theme:

Key Features

  • Title—The Dialog provides configuration options for displaying a title as well as customizing the content of that title.
  • Visibility—Like other Angular modal components, the Dialog is visible by default, but allows you to control this functionality.
  • Initial focus—The Dialog enables you to set different elements as focused upon its loading.
  • Action buttons—To further customize the Dialog, you can use the available approaches for displaying its action buttons.
  • Dimensions—To control the size of the Dialog, the component provides specific configuration options for setting its height and width.
  • Angular service—You can also create the Dialog dynamically by using the Angular service integration of the component.
  • Globalization—All Kendo UI for Angular Dialogs provide globalization options.
  • Accessibility—The Dialog is accessible for screen readers and supports WAI-ARIA attributes.
  • Keyboard navigation—The Dialog supports a number of keyboard shortcuts for processing various commands.

Support and Learning Resources

Additional Resources