Ej2 Grid: Full screen backdrop upon delete confirmation

[ISMAIL HAMZAH]

Dear Support,

How to make backdrop become full screen for "Delete" confirmation. The full screen backdrop what I want is just the same with backdrop full screen when add or edit.

Below is current backdrop condition when delete confirmation:

Backdrop condition that I want to achieve for delete confirmation. (I want the backdrop is full screen like when we add or edit):

Thank you

Best regards,

ism

[Rajapandiyan Settu]

Hi ISMAIL,  

  

Greetings from Syncfusion support. 

Query: How to make backdrop become full screen for "Delete" confirmation. The full screen backdrop what I want is just the same with backdrop full screen when add or edit. 

We have validated your requirement at our end. You can achieve this by using following code example in the toolbarClick event of Grid. 

toolbarClick: https://ej2.syncfusion.com/javascript/documentation/api/grid#toolbarclick 

 

[index.js] 

 

var grid = new ej.grids.Grid({ 

  dataSource: window.orderData, 

  editSettings: { 

    allowEditing: true, 

    allowAdding: true, 

    allowDeleting: true, 

    mode: 'Dialog', 

    showDeleteConfirmDialog: true 

  }, 

  toolbar: ['Add', 'Edit', 'Delete', 'Update', 'Cancel'], 

  toolbarClick: function(args) { 

    if (args.item.text == 'Delete') { 

     // change the target element of Confirmation Dialog 

      grid.editModule.alertDObj.target = document.body; 

      grid.editModule.dialogObj.target = document.body; 

    } 

  }, 

  ----  

}); 

grid.appendTo('#Grid'); 

 

We have prepared a sample for your reference. You can get it from the below link. 

Sample: https://stackblitz.com/edit/stzmgn?file=index.js 

Please get back to us if you need further assistance with this. 

Regards,  

Rajapandiyan S 

[ISMAIL HAMZAH]

Hi Rajapandiyan,

Your provided solution work like a charm.

Thank you for your help.

[Rajapandiyan Settu]

Hi ISMAIL,  

We are glad that you have achieved your requirement with the provided solution. 

  

Please get back to us if you need further assistance with this. 

Regards,  

Rajapandiyan S