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.

ninja-iconThe Dialog 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.Start Free Trial

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

Change Theme
Theme
Loading ...

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