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.
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,