ansaurus

Question

ASP.NET MVC - Do stylesheets have to go in the Site.Master file?

Answer 1

+5 A:

You should be able to add them to the head placeholder on the content pages...

MasterPage:

<head>
   <asp:ContentPlaceHolder ID="HeadContent" runat="server" />
</head>

Content Page:

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <%-- link styles here...--%>
</asp:Content>

Alexander 2010-05-12 17:38:03

Pretty much same example I had. +1

Atømix 2010-05-12 17:44:47

The sad thing is, at least in VS2k8, when you create a MasterPage, it adds one of these for you, with the `id="head"`

R. Bemrose 2010-05-12 18:21:42

Ahhh I'll have to try that out, thanks. I didn't even know about the purpose of the asp contentPlaceHolder.

Darcy 2010-05-12 18:34:37

Answer 2

+1 A:

No, they don't have to go in the master page.

You can create a content placeholder for them in the master page, and then add page-specific styles using a content element on the page.

E.g., in the master:

<head>
    <asp:ContentPlaceHolder ID="Styles" runat="server">
    </asp:ContentPlaceHolder>
</head>

Then in the page:

<asp:Content ID="styleContent" ContentPlaceHolderID="Styles" runat="server">
    <link rel="stylesheet" type="text/css" href="<%= Url.Content("~/Content/style/MyStyles.css") %>" />
</asp:Content>

Craig Stuntz 2010-05-12 17:38:39

Answer 3

+1 A:

Can you show some code?

It's actually possible to have a CSS stylesheet in the view. But the question is if it's a good practice. The best idea is to create a placeholder in the masterpage in the Head section and use this placeholder in the view to use the correct CSS files.

Like this:

In your masterpage:

<html xmlns="http://www.w3.org/1999/xhtml"&gt;
<head runat="server">
    <title>Example</title>
    <asp:ContentPlaceHolder ID="HeadContent" runat="server" />
</head>

<body>

Inside your view:

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <link href="<%= Url.Content("~/Content/style/MyStyles.css") %>" rel="stylesheet" type="text/css" />
</asp:Content>

Rody van Sambeek 2010-05-12 17:44:55

Prefer `Url.Content` over relative paths as the former will not be broken by routing changes.

Craig Stuntz 2010-05-12 17:46:42

Your completely true. Just copied a quick link tag in there. Changed it for the convenience for a later reader.

Rody van Sambeek 2010-05-12 17:57:28

Answer 4

A:

You can store stylesheets, along with images and control skins, as part of a Theme and specify on each content page which theme should be used. Note: You can not specify a theme in the MasterPage itself. It only works with Page directives.

Note that this requires the head element to be runat="server" to have ASP.NET automagically add the appropriate stylesheet references to the page.

I'm not sure if this applies to ASP.NET MVC or not, but you are using a MasterPage...

R. Bemrose 2010-05-12 18:16:21

ansaurus

tags:

views:

answers:

ASP.NET MVC - Do stylesheets have to go in the Site.Master file?

related questions