Dialog Form width

[Yoab Youssoufou]

Hello,

I Know that with templates it is possible to have full control over the HTML of the dialog form, but I want to simply use a simple mode="Dialog" for the grid and have the popup to a reasonable width, is it possible to do this without any further coding just from the Grid properties itself? the default popup is really too small. Thanks in advance.

[Vignesh Sivagnanam]

Hi Yoab 

Greetings from Syncfusion support. 

Based on your query you need to increase the width of the edit dialog popup in the grid with default grid properties.  

By default in EJ2 Grid edit dialog mode we render the EJ2 Dialog in the source level, so it is not possible to increase the size of the dialog popup with default grid properties. To achieve your requirement, we suggest to use the EJ2 grid actionComplete event.  

The actionComplete event is triggered you can able to acquire the EJ2 Dialog instance in the arguments. Using dialog instance you can able to modify the width of the edit dialog popup. Please refer the below code example and sample 

Code example: 

<script> 

  function actionComplete(args) { 

    if (args.requestType === "beginEdit") { 

      args.dialog.width = "700px"; 

    } 

  } 

</script> 

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/GRIDED~1503540071.zip 

Regards 

Vignesh Sivagnanam 

[Yoab Youssoufou]

Hi Vignesh,

It's perfect. thank you.

[Sujith Kumar Rajkumar]

Hi Yoab, 

 

We are glad to hear that the provided solution helped resolve your query. 

 

Please get back to us if you require any further assistance. 

 

Regards, 

Sujith R