We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Edit event in div (or Grid) instead of popup modal


I need help finding a good practice to make my event editable in a Material ui Grid (or just a simple div) instead of poping a modal in the center of the window.
I think I might have to do it with the popupOpen prop.
I am using javascript ES6.
Thanks in advance,

Kind regards,


5 Replies

KK Karthigeyan Krishnamurthi Syncfusion Team October 1, 2019 02:15 AM

Syncfusion greetings. 
We would like to inform that provided information is not sufficient and kindly share more details like image / video demo which clearly depicts your requirement to proceed further. 

RC Ronan Ca October 1, 2019 05:08 AM


Please find attached two screenshots detailing my request.
The first one is the original popup editor, and the second is what we want to achieve.



Attachment: request_sf_editor_693760c9.zip

HB Hareesh Balasubramanian Syncfusion Team October 2, 2019 06:18 AM

Hi Ronan, 

Thanks for your update. 

Based on the requirement we have prepared a sample in which the Dialog component is used instead of schedular default editor window and the sample can be viewed from the following link, 

Kindly try the above sample, if you have any concerns please revert us back for further assistance. 


RC Ronan Ca October 2, 2019 10:57 AM

Hello Hareesh,

Thank you. Your example was enough to make me achieve what I want to.
Great work.

Best regards,


KK Karthigeyan Krishnamurthi Syncfusion Team October 2, 2019 11:35 PM

Live Chat Icon For mobile
Up arrow icon