• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse
Localization
*Translated by Google Translator.
Currency

Example of Positioning in ASP.NET MVC Dialog Control

This example demonstrates how to position the dialog control. Select the appropriate radio button to position where the dialog is displayed. The current position of the dialog is at the bottom. Enable the "open dialog" button to reopen the dialog if it is closed.

DEMO
SOURCE

By default, the dialog is displayed in the center of the target container. Use the position property to set location where the dialog displays relative to the target. The property point-out the horizontal and vertical coordinates. You can set position with specific X and Y coordinates in pixel values.