Styles, scripts and images in Area folder

asp.net-mvc-3 asp.net-mvc-areas
mare picture mare · Jul 10, 2011 · Viewed 7.4k times · Source

I've setup an Admin area within MVC 3 application and while everything is working when I reference files from the root Scripts, Styles and Images folder, it doesn't work when I created those folders under /Areas/admin/ and referenced them like this:

@Script.Include("~/admin/Scripts/superfish-1.4.8/js/superfish.js")

Please note that this Script.Include helper is something that I have that essentially spits out this:

<script type="text/javascript" src="/admin/Scripts/superfish-1.4.8/js/superfish.js"></script>

So the helper is working and everything is fine when I reference like this

@Script.Include("~/Scripts/superfish-1.4.8/js/superfish.js")

but not when I introduce the area name in there. It results in a 404 Error.

Answer

Darin Dimitrov picture Darin Dimitrov · Jul 10, 2011

That's because the actual path to your script is the following:

@Script.Include("~/areas/admin/Scripts/superfish-1.4.8/js/superfish.js")

which should render:

<script type="text/javascript" src="/areas/admin/Scripts/superfish-1.4.8/js/superfish.js"></script>

Notice the Areas prefix that I added.

Related questions

Having issue with multiple controllers of the same name in my project

I am running into the following error with my ASP.NET MVC 3 project: Multiple types were found that match the controller named 'Home'. This can happen if the route that services this request ('Home/{action}/{id}') does not specify …

Read More
How to Configure Areas in ASP.NET MVC3

Is anyone knows how to Configure Areas in ASP.NET MVC3. I read an article about Areas in here. But that article is not based on MVC3. In MVC3 there is no function named MapRootArea in RouteCollection routes which is …

Read More
ASP.NET MVC Areas with shared layout

I have defined an area (Admin) in my ASP.NET MVC 3 application, created _ViewStart.cshtml in that area and addedLayout = "~/Views/Shared/_Layout.cshtml"; to it to have a unified site layout. I also added the following code to _Layout.…

Read More