NOT ABLE TO DO ANY CUSTOMIZE

[divakar]

Hi Team,

 In my project ,  We are using angular 4 with typescript . 

I am using ejDialog , but i am not able to do any customization in the modal dialog( like width increase).

Thanks,

Divakaran N

[Buvana Sathasivam]

Hi Divakaran, 

Thanks for using Syncfusion Products. 

You can customize the modal dialog width using width property.  If you don’t define any width to dialog, it will automatically set the default width(400) to dialog. 

We have prepared the sample based on your requirement and updated below: 

Sample:  http://www.syncfusion.com/downloads/support/directtrac/210554/ze/dialog2129324045  

In this sample, we have covered following functionalities: 

• Modal dialog width is set to ‘500’. 

Please find the below code. 

Dialog.component.html 

<ej-dialog id="basicDialog" title="Dialog" [enableModal]="true" width="500">  // Set width to modal dialog 

        ……… 

  </ej-dialog> 

   

Could you please confirm the below details, 

• Are you using Essential Javascript 1 dialog or Essential Javascript 2 dialog?

                                                                                                            

Please refer the below API link. 

https://help.syncfusion.com/api/js/ejdialog#members:width  

Please let us know if any further assistance. 

Regards, 

Buvana S