ansaurus

Question

How to register scripts and stylesheets at Controller level

Answer 1

+1 A:

Ive done this by using a ViewMasterPage with a ContentPlaceholder in the head section, allowing my partial views to define the scripts/stylesheets/whatever to be included.

Jamiec 2010-07-26 15:20:41

Answer 2

+1 A:

The common approach (as pointed out by Jamiec) is to include a ContentPlaceHolder in the head section of your master template.

If however, you want your controller to decide what CSS to render (perhaps for theming or something similar) you could also create a HTML helper to do this. A quick and dirty implementation to illustrate:

Master page:

<head runat="server">
    <%= Html.IncludeStyles() %>
</head>

Action method:

public ActionResult SomeAction()
{
    ViewData["StyleSheets"] = new[] { "StylesheetA", "StylesheetB" };
    return View();
}

HTML Helper:

public static class HtmlHelperExtensions
{
    public static string IncludeStyles(this HtmlHelper helper)
    {
        var styles = helper.ViewData["StyleSheets"] as IEnumerable<string>;
        var sb = new StringBuilder();

        if (styles != null)
        {
            foreach (var style in styles)
            {
                sb.AppendFormat("<link rel=\"stylesheet\" href=\"/content/" + style + ".css\" />\n");
            }
        }

        return sb.ToString();
    }
}

richeym 2010-07-26 15:48:02

Hi. Yes, this is pretty much what I have done, however, in my case SomeAction is an partial view that is executed after the head section is rendered. Which means that I can't add scripts or styles there. I can't think of any solution that doesn't force me to have my main view know of the scripts that all my partial views use. Do you have any solution to that problem?

Max Malmgren 2010-07-26 16:40:34

@richeym Linking to your username so you get notified of my previous comment.

Max Malmgren 2010-07-26 16:41:39

ansaurus

tags:

views:

answers:

How to register scripts and stylesheets at Controller level

related questions