Grid Command Column Delete Confirmation Pop-up display issue

[Woody Chin]

I am using ShowDeleteConfirmDialog.

When I don't have many rows, the pop-up dialog is constrained by the height of the Grid, thus not displaying completely (has a scroll bar).

I tried to put the Grid in a DIV with style min-height, but that didn't help.

Any suggestions? 

Thanks in advance.

[Vignesh Natarajan]

  

Hi Woody,  

Thanks for contacting Syncfusion support.  

Query: “When I don't have many rows, the pop-up dialog is constrained by the height of the Grid, thus not displaying completely (has a scroll bar).” 

We have analyzed the reported issue by preparing a sample as per your suggestion and we are able to reproduce the reported behavior at our end also. We suggest you to overcome the reported behavior by removing the excess padding applied to confirmation dialog’s content and footer.  

Refer the below code example.  

<SfGrid DataSource="@Orders" Height="100%" Width="100%"> 

    <GridEditSettings AllowAdding="true" AllowEditing="true" ShowDeleteConfirmDialog="true" AllowDeleting="true" Mode="EditMode.Normal"></GridEditSettings> 

.. . . . . . 

</SfGrid> 

 

<style> 

    .e-grid .e-dlg-content, 

    .e-grid .e-footer-content { 

        padding-top: 0px; 

        padding-bottom: 0px; 

    } 

</style> 

Refer the below screenshot for your reference 

 

Please get back to us if you have further queries.  

Regards,
Vignesh Natarajan