Adjust size of Excel-Filter popup dialog

Question

Dear Syncfusion-Team,is there a simple way to adjust the size of the Excel-Filter popup dialog of a MVC-grid?I could not find any property to set the height or width of the popup in the FilterSettings Properties.Kind RegardsMarkus

Rajapandiyan Settu · Answer

Hi Markus, 

Thanks for contacting Syncfusion support. 

Query: is there a simple way to adjust the size of the Excel-Filter popup dialog of a MVC-grid? 

You can achieve your requirement by using actionBegin (requestType as filterchoicerequest). In that event, we customized the height and width of Excel-Filter dialog. 

actionBegin: https://ej2.syncfusion.com/javascript/documentation/api/grid/#actionbegin 

Excel Filter: https://ej2.syncfusion.com/aspnetmvc/documentation/grid/filtering/#excel-like-filter 
Demo: https://ej2.syncfusion.com/aspnetmvc/Grid/FilterMenu#/bootstrap5 






 function actionBegin (args) { 
    if (args.requestType == 'filterchoicerequest') { 
      args.filterModel.dlg.style.height = '500px'; // set the height of the dialog 
      args.filterModel.dlg.style.width = '300px';  // set the width of the dialog 
      args.filterModel.dlg.querySelector('.e-checkboxlist.e-fields').style.height = '240px';  // set the height of the dialog content 
    } 
  } 


Please get back to us if you need further assistance with this. 

Regards, 
Rajapandiyan S

Markus Kirchhofs · Answer

Hi Rajapandiyan,thank you for your reply.Howerver, my question was concerning MVC (Classic/jquery).Your solution can be adapted to EJ2 and does not work for MVC (Classic)Would you mind providing a solution for MVC (Classic) ?Nevertheless, I tried to adapt your solution in a different project with EJ2.Enlarging the width and height will result in a corrupted dialog. (see attached screenshot)The top part of the filter dialog does not adapt to the new dialog width.The dropdown entries width does not adapt to the new width resulting in a word wrap of the item texts.Besides: would it be possible to have MVC-Helper Properties to set the filter dialog height and width and let your component figure out the sizes of the child elements instead of getting this b in JS? Kind RegardsMarkus

Rajapandiyan Settu · Answer

Hi Markus, 

Thanks or your update. 

Based on your requirement you want to customize the height and width of the Excel Filter Dialog through the Grid properties. Currently, the EJ2 Grid don’t have the support for this. We have logged a feature task as “Provide support to customize height and width of Excel Filter Dialog through Grid properties” for this requirement in EJ2 Grid. At Syncfusion, we are committed to fixing all validated defects (subject to technical feasibility and Product Development Life Cycle ). This feature will be included in any of our upcoming release.  

You can now track the current status of your request, review the proposed resolution timeline, and contact us for any further inquiries through this link.   

Feedback Link : https://www.syncfusion.com/feedback/31732/provide-support-to-customize-height-and-width-of-excel-filter-dialog-through-grid  

Note: 
We have not included any fixes for the ASP.NET MVC Classic in the last few years. However, we would like to let you know that this suite of ASP.NET controls which was offered as “Essential Studio for ASP.NET” till the Volumes 1 2019 release has been marked as “Classic” and the newer set of controls powered by Essential JavaScript 1 and Essential JavaScript 2(ASP.NET with ES5) takes its place. The newer version provides several advantages over the classic edition including being purely client side rendered HTML5/JavaScript controls ,offers better performance and provides better support for touch interactivity. 

The newer version includes all the features that the classic version had so it should be easy to migrate if requires. The general guideline is that if you are using the classic edition of controls in existing products then you can continue to use them. However if you are starting a new project then it is recommended that you use the newer alternative available. Syncfusion will continue to maintain the support classic version of controls for several more years. We will also be happy to provide any required assistance in migrating from the classic edition. 

Regards, 
Rajapandiyan S