ej.web.all.min.css not work when include into bundle in MVC.

[Prashant Prasad]

Hi,

I have tried to refer ej.web.all.min.css through bundle in my application but when I refer it through bundle then it's not working. Below is my code

bundles.Add(new StyleBundle("~/Content/ej").Include(

                     "~/ejThemes/default-theme/ej.widgets.all.min.css", newCssRewriteUrlTransform()

                     ));

So how can I make it working using bundle?

 

[Keerthana Rajendran]

Hi Prashant, 

 

Good day to you, 

 

We suspect that the path is not updated correctly during bundling. We suggest you to refer the individual files (widget.core and theme file)in bundles.  

 

Refer to the below code  

 

bundles.Add(new StyleBundle("~/Content/css").Include( 

                        "~/Content/bootstrap.css", 

                        "~/Content/bootstrap-datetimepicker.css", 

                         "~/Content/bootstrap-sortable.css", 

                        "~/Content/site.css").Include(                 

                         "~/Content/ej/web/ej.widgets.core.bootstrap.min.css", new CssRewriteUrlTransformFixed()) 

                         .Include( 

                         "~/Content/ej/web/bootstrap-theme/ej.theme.min.css", new  CssRewriteUrlTransformFixed()) 

                        ); 

 

 

Refer to the following KB links for more details on bundling  

 

https://www.syncfusion.com/kb/9063/how-to-resolve-css-issue-with-enableoptimzation-in-bundle-config  

 

https://www.syncfusion.com/kb/7917/how-to-resolve-icon-rendering-issue-when-referring-syncfusion-themes-using-bundling  

 

If still issue persists, kindly share us the bundle.config and Layout page of your project along with the screenshot on the output window after control rendering from your end.  

 

 

Regards, 

Keerthana.