Hi Ujwala,
Thanks for using Syncfusion Products.
We have achieved your requirement using enableModal property. It creates a mode that disable the main window, but keeps it visible with the modal window as a child window in front of it. So, you need to specify enableModal property to disable the background content. We have created external button with dialog showOnInit property. Initially, dialog is not visible. If you click external button, modal dialog is visible and disable the background button. As per your convenience, you can change the color of the background modal using CSS style. Please find the below code.
|
Default.html
$("#lognForm").ejDialog({
enableModal: true,
……………
});
<style>
.e-overlay { // Set dialog modal overlay
background-color: #800000; // Customize dialog modal overlay background color
opacity: 0.3; // To blur the background color
filter: alpha(opacity=30);
}
</style> |
Regards,
Buvana S.
