Telerik UI for ASP.NET Core Dialog Basic Usage
- EXAMPLE
- VIEW SOURCE
-
Change Theme
defaultDefault Theme
- Main
- Main Dark
- Nordic
- Ocean Blue
- Ocean Blue A11Y
- Purple
- Turquoise
Bootstrap Theme- Main
- Bootstrap 3
- Bootstrap 3 Dark
- Main Dark
- Nordic
- Turquoise
- Turquoise Dark
- Urban
- Vintage
Material Theme- Main
- Arctic
- Lime Dark
- Main Dark
- Nova
Classic Theme- Main
- Green
- Green Dark
- Lavender
- Lavender Dark
- Main Dark
- Metro
- Metro Dark
- Moonlight
- Opal
- Opal Dark
- Silver
- Silver Dark
- Uniform
Fluent Theme- Main
Also available for:
CLIENT-SIDE API HTML HELPER APIThe Dialog component is part of Telerik UI for ASP.NET Core, 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.
Description
The Telerik UI for ASP.NET Core Dialog is a modal popup that brings information to the user, prompts the user for input or asks for a decision. The component provides fully customizable visual appearance of its title and body and support for rich text content, features predefined Alert, Confirm, and Prompt dialogs as well as built-in modality and animations, and enables you to create and add custom actions (buttons) and use the built-in themes. The component can also contain more complex UI elements that focus the attention of the user.
The Dialog control is a subset of the Telerik UI for ASP.NET Core Window where the most prominent difference is the added functionality for actions.
The current example displays a common use-case scenario for a Dialog component.
The ASP.NET Core Dialog control is part of Telerik UI for ASP.NET Core, a professional-grade UI library with 110+ components for building modern and feature-rich web applications. The Dialog is a server-side wrapper for the Kendo UI for jQuery Dialog component and comes in the form of an HtmlHelper.
Functionality and Features
- Flexible HTML structure and DOM placement—Regardless of its initialization location, the HTML of the Dialog will be appended as a child of the document
body
element. - Action buttons—The Dialog action buttons allow you to provide specific interaction to users and can also be customized.
- Size and dimensions—You can specifically set the height and width of the Dialog or allow the component to expose to its default behavior.
- Accessibility, keyboard navigation, and RTL support—The Dialog is accessible for screen readers, supports WAI-ARIA attributes, delivers keyboard shortcuts for faster navigation, and allows you to rnder its content in a right-to-left direction.