CODEWITHSUNDEEP
asp.netasp.net-mvc
Okuhle
Okuhle

Reputation: 912

ASP.NET MVC 6 Not Rendering CSS Style Sheet

I am trying to get add a css file to my layout file, which is in the Shared folder. When I run the web application, my CSS is not rendered (CSS that is not in the solution (ie: Bootstrap CDN) renders.

I have tried linking the CSS using these methods, and they don't work: 

<link rel="stylesheet" href="@Url.Content("~/Assets/Scripts/StyleSheet.css")" type="text/css"/> 

<link rel="stylesheet" href="~/Assets/Scripts/StyleSheet.css" type="text/css"/>

The File Structure For my app is:

enter image description here

Is there something I should be adding to the Startup.cs file so it can read css files?

Thanks.

EDIT: ERROR 404 WITH THE STYLE SHEET

I ran the application on Mozilla Firefox, and used the built in Developers Console to see whats happening. After observing the network tab, it tells me ERROR 404 Occurred while trying to retrieve the style sheet. This is really odd.

enter image description here

Upvotes: 2

Views: 3936

Answers (2)

Okuhle
Okuhle

Reputation: 912

With Reference to a similar problem posted on StackOverflow: ASP.NET 5 MVC6 Custom CSS & Javascript placing convention

I placed the CSS File in the wwwroot directory, in a css folder.

enter image description here

Then, in my Layout file, I changed the href attribute: 

<link rel="stylesheet" href="@Url.Content("../css/style.css")"/>

Finally, I made sure I had app.UseStaticFiles() in my Configure method: 

public void Configure(IApplicationBuilder app)
    {
        app.UseStaticFiles();

        app.UseMvc(config => config.MapRoute(
            name: "Default",
            template: "{Controller}/{action}/{id?}",
            defaults: new {controller = "Home", action = "Index"}               
            ));
    }

Upvotes: 0

Brian Riley
Brian Riley

Reputation: 946

Do other changes in your layout show up correctly? For instance if you add a random text string, does that show up? As far as startup.cs, you should have app.UseStaticFiles(); in the Configure section.

Once more note, my CSS in the _layout looks like this:

<environment names="Development">
    <link rel="stylesheet" href="~/css/site.css" />
</environment>
<environment names="Staging,Production">
    <link rel="stylesheet" href="~/css/site.min.css" asp-append-version="true" />
</environment>

I don't think it's required to be broken out, but I haven't tried it not broken out...

Upvotes: 1

Related Questions