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 312 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Sebahattin
Top achievements
Rank 1
Iron
Sebahattin asked on 05 Jul 2017, 07:20 AM

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

Sort by
0
Ivan Zhekov
Telerik team
answered on 07 Jul 2017, 06:21 AM
Sebastian,

Usually, we would suggest that you use new CssRewriteUrlTransform(), but you already use it, so that's out of the question. So to gather more context, is the issue impacting only images / glyphs referenced from KendoUI styles, or all referenced images?

Regards,
Ivan Zhekov
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Accepted
Sebahattin
Top achievements
Rank 1
Iron
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
0
Ivan Zhekov
Telerik team
answered on 13 Jul 2017, 07:11 AM
Sebahattin,

we'll definitely checkout CssRewriteUrlTransformFixed() and probably update our documentation to reflect the usage of this method.

Regards,
Ivan Zhekov
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
General Discussions
Asked by
Sebahattin
Top achievements
Rank 1
Iron
Answers by
Ivan Zhekov
Telerik team
Sebahattin
Top achievements
Rank 1
Iron
Share this question
or