The dialog control is used to notify users about important information and receive input from the user, such as displaying error or warning information and requesting login details. The control comes with built-in buttons, positioning, animation, draggable borders, and template features.
Users can show modal and modeless (non-modal) dialogs depending on their interactions with the parent application.
The dialog control is fully customizable.
Provides built-in support to add action buttons in the dialog control. This helps the user to define necessary events for dialog actions.
Users can position a dialog in a page or specific target.
Users can drag a dialog anywhere in a page or to a specific target using its header.
Users can configure different animations for when the dialog is opened and closed.
Users can show a dialog with dynamic content to load content from external pages or other HTML elements.
All static strings used in a dialog can be localized as needed. The dialog control uses the 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, which helps dialogs be accessed by on-screen readers and assistive devices.
Follows WAI-ARIA Best Practices for implementing keyboard interaction.
The UI element visuals such as foreground color, background color, line spacing, text, and images were designed based on the WCAG 2.0 standard.
Developers can control the appearance and behaviors of a dialog, including its positioning, using a rich set of APIs.