• Material
  • Fabric
  • Bootstrap
  • Bootstrap v4
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse
Essential JS 2
HOME
All Controls

Button

This example demonstrates that the modal behavior of Dialog control. Choose "Close on overlay" option from property panel to decide whether the Dialog will be closed on click on the overlay. Click on “Open” button to show the Dialog again if it is closed.

DEMO
SOURCE
Close on overlay click

A modal prevents the access to the parent application, so that the user should interact with the Dialog compulsory before continuing the parent application.