1. Home
  2. Forum
  3. ASP.NET Core - EJ 2
  4. Excel filter css with bold reports css

Excel filter css with bold reports css

I'm using both, the EJ2 css and the bold reports compatibility css in the same project, and the excel filter of the grid looks like this:



I'm using these css files:
<link rel="stylesheet" rel='nofollow' href="https://cdn.syncfusion.com/ej2/18.2.48/bootstrap4.css " />
<link rel='nofollow' href="https://cdn.boldreports.com/2.3.26/content/material/bold.reports.all.compatibility.min.css" rel="stylesheet" />

and when I comment the second one, the grid looks ok...like this:



Any ideas for the solution?
Thanks!

Bernard.

9 Replies 1 reply marked as answer
BS Balaji Sekar Syncfusion Team August 19, 2020 02:27 PM UTC

Hi Bernard,  
  
Thanks for your patience. 
  
Query :  It appears in my case the compatibility theme is overriding the JS2 theme on the search section of the filter   
  
The reported styling issue is raised from E1’S compatibility style script and it has been fixed at our end, please refer to the below link for patch. 

  
we also prepared a sample by using this patch, find the below sample and code example for your reference. 
  
<head> 
   <script src="https://ej2.syncfusion.com/javascript/demos/grid/filter-menu/datasource.js"    type="text/javascript"></script>  
   <script src="https://cdn.syncfusion.com/ej2/dist/ej2.min.js" type="text/javascript"></script>  
   <link rel='nofollow' href="https://cdn.syncfusion.com/ej2/18.2.48/styles/compatibility/bootstrap.css" rel="stylesheet">  
   <link rel='nofollow' href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">// referring EJ1 compatibility style script   
   <link rel="stylesheet" rel='nofollow' href="compatibility patch/css/web/default-theme/ej.web.all.compatibility.min.css" /> 
</head> 

  
Please get back to us if you need further assistance on this. 
  
Regards,  
Balaji Sekar 


BJ Bernard Jurlina October 3, 2020 06:55 AM UTC

Hi Balaji!

Now, I'm using the latest versions of EJ2 and BoldReports components and the issue is still here.
Compatibility patch is required for the latest versions also?

Thanks.
Bernard.

BJ Bernard Jurlina October 3, 2020 07:11 AM UTC

So, I've tried...but it's the same thing.







I'm doing something wrong?

Thanks!
Bernard.

BJ Bernard Jurlina October 3, 2020 07:38 AM UTC

I followed the BoldReports blog example and tried like this:



but with no luck. :(

Bernard.

BS Balaji Sekar Syncfusion Team October 7, 2020 03:48 PM UTC

Hi Xinchen, 
 
Thanks for the update. 
 
We are able to reproduce the issue at our end. So we have considered this as bug and logged this “Compatibility theme style issues in Grid’s Excel filter while using  BoldReport” issue. We will update further details on tomorrow(October 08, 2020) 
 
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. 
 
 
Regards, 
Balaji Sekar 


BJ Bernard Jurlina October 7, 2020 07:37 PM UTC

Hi Balaji,

and thanks for the information. 
I'm looking forward about the further information about this issue.

Regards,
Bernard.

BS Balaji Sekar Syncfusion Team October 8, 2020 11:08 AM UTC

Hi Bernard, 

We glad to inform that Bold Reports compatibility styling issue has been fixed and prepared custom Nuget package for your refer convenience. It can download from the below link 
  
  
You can extract or install the above package in your application and you can get the compatibility CSS theme file from below location.  
  
BoldReports.JavaScript.2.4.39\content\Content\bold-reports\bold.widgets.core.compatibility.min.css  
BoldReports.JavaScript.2.4.39\content\Content\bold-reports\ material\ bold.theme.compatibility.min.css   
  
You can refer the above files in your application to overcome the reported issue.  

Regards,  
Balaji Sekar 


Marked as answer
BJ Bernard Jurlina October 8, 2020 11:11 AM UTC

Hello Balaji!

Excellent, that's really great news!
Syncfusion/BoldReports team is the best. :)

Regards,
Bernard.

BS Balaji Sekar Syncfusion Team October 9, 2020 06:02 AM UTC

Hi Bernard, 
 
Thanks for your update. 
 
We are happy to hear that your issue has been resolved. 
 
Please get back to us if you need further assistance. 
 
Regards, 
Balaji Sekar 


Loader.
Up arrow icon