The dialog component is used to notify users about important information, and receive input from the user, such as displaying error/warning information, requesting login details, and more. The component comes with built-in buttons, positioning, animation, draggable borders, and template features.
The dialog component is fully customizable.
Provides built-in support to add action buttons in the dialog component. This helps the user to define necessary event for dialog actions.
User can show modal and modeless (non-modal) dialogs depending on their interactions with the parent application.
User can position the dialog in a page or specific target.
User can drag the dialog anywhere in a page or specific target using its header.
User can show multiple dialogs at a time in a page.
User can configure different animations when opening and closing the dialog.
User can show the dialog with dynamic content to load content from external pages or other HTML elements.
All static strings used in dialog can be localized as needed. The dialog control uses Essential JS 2 Localization library to localize its strings.
Dialog supports right to left rendering. Users can change the text direction and layout of the dialog from right to left. It improves the user experience and accessibility for users who uses RTL languages.
The dialog control provides the best user experience across phone, tablet, and desktop form factors.
Fully supports WAI-ARIA accessibility that helps dialog be accessible by on-screen readers and assistive devices.
Follows WAI-ARIA Best Practices for implementing keyboard interaction.
Designed the UI element visuals such as foreground color, background color, line spacing, text and images based on WCAG 2.0 standard.
Developers can control the appearance and behaviors of the dialog, including its positioning, using a rich set of APIs.