Home/ Questions/Q 6628181
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T22:06:03+00:00

I’m trying to load a view specific stylesheet in an asp.net mvc3 application (just

  • 0

I’m trying to load a view specific stylesheet in an asp.net mvc3 application (just learning this stuff!), so in my _Layout.cshtml I have:

<head>
<!--- All the common css & JS declarations here -->
@ViewBag.PageIncludes
</head>
<body>

Then in my controller I have:

public ActionResult Index()
        {
            ViewBag.PageIncludes = "<link rel='stylesheet' type='text/css' href='../Content/viewspecificstylesheet.css')' />";
            return View();
        }

However, when I view the page, even though the declaration is in the head, the text is rendered in the body, and thus rendered as text.

A couple of questions as a result:

Why, even though I declare in the head is this rendered in the body?
What is the best practice for loading a specific stylesheet for a given view/controller?

Thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You could use sections:

    <head>
    <!--- All the common css & JS declarations here -->
    @RenderSection("Styles", false)
</head>
<body>
...
</body>

    and then in the Index.cshtml view:

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

<div>This is the index view</div>

    and your controller no longer needs to worry about styles which is purely view specific responsibility:

    public ActionResult Index()
{
    return View();
}
    • 0