How to change the width of the new event dialog?

[Keith Nicholas]

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]

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]

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

[Karthigeyan Krishnamurthi]

Most welcome 😊