The Layout page doesn't load css (asp.net mvc)

Question

I use the following bundle to load css and it works :

bundles.Add(new StyleBundle("~/bundles/jqGrid-styles").Include(
                "~/Content/themes/base/jquery-ui.css",
                "~/Content/jquery.jqGrid/ui.jqgrid.css"));

...

In my layout page this works :

@Styles.Render("~/bundles/jqGrid-styles")

And if i try simply adding the links to page it doesn't work .

This doesn't work at all:

<link href="~/Content/themes/base/jquery-ui.css" rel="stylesheet" />
<link href="~/Content/jquery.jqGrid/ui.jqgrid.css" rel="stylesheet" />

Can someone explain my why by simply adding the links to the page this doesn't work ? The files are there in the correct location.

Can you add the HTML produced from the <link> elements, and tell if these stylesheets are requested from the server, and what's the result? — Tsahi Asher
– Tsahi Asher, Commented Nov 25, 2014 at 9:15
i think dot in file names may create problem instead of . use - — Kartikeya Khosla
– Kartikeya Khosla, Commented Nov 25, 2014 at 9:18
the html is : <link rel="stylesheet" href="/Content/themes/base/jquery-ui.css" ></link> <link rel="stylesheet" href="/Content/jquery.jqGrid/ui.jqgrid.css" ></link> — Stefan P.
– Stefan P., Commented Nov 25, 2014 at 9:19

Rahul Singh · Accepted Answer · 2014-11-25 09:44:40Z

1

You need to add Url.Content method:-

<link href="@Url.Content("~/Content/themes/base/jquery-ui.css") rel="stylesheet" />
<link href="@Url.Content("~/Content/jquery.jqGrid/ui.jqgrid.css") rel="stylesheet" />

You need to pick the files from applications absolute path.

edited Nov 25, 2014 at 9:44

answered Nov 25, 2014 at 9:20

Rahul Singh

21.8k6 gold badges43 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

Tsahi Asher Over a year ago

you are wrong. MVC is part of ASP.NET, and can definitely interpret URLs like in the question and replace the tilde with the base URL. We do it ourselves with no problems. And you need to add an opening quote mark inside your Url.Content call.

Rahul Singh Over a year ago

@TsahiAsher - Thanks for pointing, Corrected! Also, as pointed by OP the resulting href is href="/Content/themes/base/jquery-ui.css" which in my view is wrong.

Tsahi Asher Over a year ago

What's wrong with it? If his site is in the root of the domain, it's perfectly OK.

Kartikeya Khosla Over a year ago

it is adviced to use @Url.Content() helper while working in mvc but i don't think this will solve OP's problem...

Rahul Singh Over a year ago

@TsahiAsher - Its working for you because probably you are running your app locally, check this probelm with ASP.NET MVC well explained here:-blogs.msdn.com/b/rickandy/archive/2011/04/22/…

|

radu florescu · Accepted Answer · 2014-11-25 09:48:23Z

0

Try this approach, it is basic html:

<link rel="stylesheet" href="~/Content/themes/base/jquery-ui.css" ></link>
<link rel="stylesheet" href="~/Content/jquery.jqGrid/ui.jqgrid.css" ></link>

answered Nov 25, 2014 at 9:48

radu florescu

4,36310 gold badges64 silver badges95 bronze badges

Collectives™ on Stack Overflow

The Layout page doesn't load css (asp.net mvc)

2 Answers 2

8 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related