C# MVC - Render Section does not load CSS

Question

I have defined this bit of code in the <head> section of my _Layout page.

@RenderSection("Styles", false)

Then my index page

@section Styles {
<link rel="stylesheet" type="text/css" href="@Url.Content("~Views/zCSS/ManualProposalWindow.css")" />    
}

My Index page is in Views/Home/Index

My CSS is in Views/CSS/ManualProposalWindow.css

I know the styles are correct because if I put them in a style block inside the index it works fine.

This is the CSS I'm trying to load:

body {
       background: black;
}

Troubleshooting questions: 1) Load the page. Is the link element in the markup? 2) Using Firebug's network tab, is the stylesheet resource downloading correctly? — smdrager
– smdrager, Commented Mar 11, 2014 at 14:32
Can StyleSheets only be referenced in the Content folder?? because when I put in the content folder it worked fine — CSharper
– CSharper, Commented Mar 11, 2014 at 14:39

smdrager · Accepted Answer · 2014-03-11 14:41:01Z

5

Files within the views folder cannot be loaded. They will throw a 404 error due to the httpHandler configured in the Web.config there. This is for security, as you do not want your .cshtml files publicly accessible.

<httpHandlers>
  <add path="*" verb="*" type="System.Web.HttpNotFoundHandler"/>
</httpHandlers>

Include the css file from any other folder and you should be fine.

answered Mar 11, 2014 at 14:41

smdrager

7,4276 gold badges41 silver badges50 bronze badges

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

1 Comment

CSharper Over a year ago

thanks for the knowledge, I thought it was something obscure like this after it worked when I switched locations

mellis481 · Accepted Answer · 2014-03-11 14:32:30Z

5

Your index page should be like this:

@section Styles
{
    @Styles.Render("~/Content/styleFile.css")
    @Styles.Render("~/Content/orStyleBundle")
}

Also, put your styles in the Content (or similar) folder in your solution.

answered Mar 11, 2014 at 14:32

mellis481

4,23512 gold badges79 silver badges133 bronze badges

1 Comment

Kellen Stuart Over a year ago

I get an error: The name 'Styles' does not exist in current context. Perhaps I'm on a different version of C#?

Lyoid Lopes · Accepted Answer · 2022-09-20 22:43:20Z

0

@section Styles {
            <style>
                .table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
                    background-color: none;
                }
        
                .table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
                    background-color: none;
                }
            </style>   
        }

edited Sep 20, 2022 at 22:43

answered Sep 20, 2022 at 22:39

Lyoid Lopes

11 bronze badge

1 Comment

Community Over a year ago

As it’s currently written, your answer is unclear. Please edit to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers in the help center.

Collectives™ on Stack Overflow

C# MVC - Render Section does not load CSS

3 Answers 3

1 Comment

1 Comment

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

1 Comment

Related