How to change the width of the new event dialog?

Question

You can customize the the inner dialog (using the editorTemplate property), and it will auto grow the dialog vertically, but I can't see how to change the width of the dialog?Regards,Keith

Hareesh Balasubramanian · Answer

Hi Keith, 
 
Greetings from Syncfusion Support. 
 
we have achieved your requirement through CSS itself. Please refer the below code snippet and sample link, 
 
code snippet: 




div#Schedule_dialog_wrapper { 
  width: 300px !important; 
} 
 
And for further reference, please view the below sample link, 
https://codesandbox.io/s/vue-template-1l3gu  

Regards, 
Hareesh B

Keith Nicholas · Answer

Thank you!  The linked example is useful for multiple other reasons also!

Karthigeyan Krishnamurthi · Answer

Most welcome 😊