This is a migrated thread and some comments may be shown as answers.

Fonts and Glyph Icon's Missing in IIS Deployment in Virtual path

3 Answers 353 Views

General Discussions

This is a migrated thread and some comments may be shown as answers.

Sebahattin asked on 05 Jul 2017, 07:20 AM

kendo_content.png

Hi,
I have problem loading Images and glyphs Icons and fonts of grid and drop down box when I use bundling and virtual path to deploy application. However, without bundling it is working fine in virtual path.

If, I do not use virtual path then it is working fine with bundling and without bundling.

My current path is in which not working
http://localhost:8089/HTML5/...
But if I use
http://localhost:8089/....
Then it is working fine
Below is the my codes
CSHTML File

<head>

<meta name="viewport" content="width=device-width" />

<base href="~/">

<link rel="icon" href="~/Content/Images/favicon.gif" type="image/png">

@Styles.Render("~/Content/KendoCss")

@Styles.Render("~/Content/Styles")

@Styles.Render("~/Content/appThemesCss")

@Styles.Render("~/Content/SiteCss")

</head>

Below is my bundle Config file

#region Themes

bundles.Add(new Bundle("~/Content/appThemesCss")

.Include("~/Content/AppTheme/css/custom.min.css",new CssRewriteUrlTransform())

.Include("~/Content/AppTheme/css/custom-responsive.min.css", new CssRewriteUrlTransform())

.Include("~/Content/AppTheme/css/custom-skins.min.css.css", new CssRewriteUrlTransform())

.Include("~/Content/AppTheme/css/ace-skins.min.css", new CssRewriteUrlTransform()));

bundles.Add(new StyleBundle("~/Content/SiteCss")

.Include("~/Content/AppTheme/css/main.css",

"~/Content/AppTheme/css/main-rtl.css"

));

#endregion

#region Kendo

bundles.Add(new Bundle("~/Content/KendoCss")

.Include("~/Content/Kendo/styles/kendo.common.min.css", new CssRewriteUrlTransform())

.Include("~/Content/Kendo/styles/kendo.rtl.min.css", new CssRewriteUrlTransform()) .Include("~/Content/Kendo/styles/kendo.material.min.css", new CssRewriteUrlTransform()) );

And my folder structure is look like in the attach

Please Help me,
Thank you.

3 Answers, 1 is accepted

Accepted

answered on 11 Jul 2017, 06:22 AM

Hello Ivan Zhekov,

This only happens to Kendo UI styles and Icons, all other images and icons are working as expected.

Now, this issue is resolved.

We use AspNetBundling third party Package, that is available on nuget package that is extend css CssRewriteUrlTransform() and maps the all realtive path

After Installing it Use CssRewriteUrlTransformFixed() Instead of CssRewriteUrlTransform() and done.

That fixed error.

You can check it also, I think we need to map relative path.

Regards,
Sebahattin