Articles in this section
Category / Section

How to resolve icon rendering issue when referring Syncfusion themes using bundling configuration

1 min read

While configuring the Syncfusion themes in bundle we should provide the proper virtual path reference. The virtual path defined as least folder that contains all the files referred in bundle. And we should provide the unique bundle name at the end of virtual path. It will resolve icon rendering issue.

Virtual path reference of syncfusion theme.

Please find the different way of virtual path reference of Syncfusion theme as below,

Type: 1 Direct “ej.well.all.min.css file reference”

bundles.Add(new StyleBundle("~/Content/ej/default-theme/ejstyles").Include(
                     "~/Content/ej/default-theme/ej.web.all.min.css"                   
                    ));
 
//_Layout.cshtml
@Styles.Render("~/Content/ej/default-theme/ejstyles")
 

Type: 2 Separate “ej.widgets.core.min.css” & “ej.theme.min.css” files reference.

bundles.Add(new StyleBundle("~/Content/ej/ejstyles").Include(
                     "~/Content/ej/ej.widgets.core.min.css",
                     "~/Content/ej/default-theme/ej.theme.min.css"                     
                  
                    ));
 
//_Layout.cshtml
 
@Styles.Render("~/Content/ej/ejstyles")

The Gantt demo sample is available in the following link,

Demo Sample

 

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Please sign in to leave a comment
Access denied
Access denied