Kendo UI for Angular Dialog Overview

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

The Dialog Component is part of Kendo UI for Angular, a professional grade UI library with 100+ 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 in action.

Example
View Source
Edit In Stackblitz  
Change Theme:

Key Features

  • TitleThe Dialog provides configuration options for displaying a title as well as customizing the content of that title.
  • VisibilityEven though the Dialog is visible by default, you can still overwrite and control this functionality.
  • Initial focusThe Dialog enables you to set different elements as focused upon its loading.
  • Action buttonsTo further customize the Dialog, you can use the available approaches for displaying its action buttons.
  • DimensionsTo control the size of the Dialog, the component provides specific configuration options for setting its height and width.
  • Angular serviceYou can also create the Dialog dynamically by using the Angular service integration of the component.
  • GlobalizationAll Kendo UI for Angular Dialogs provide globalization options.
  • AccessibilityThe Dialog is accessible for screen readers and supports WAI-ARIA attributes.
  • Keyboard navigationThe Dialog supports a number of keyboard shortcuts for processing various commands.

In this article

Not finding the help you need?