Ant
no notes

Targeting Pages with CSS in ASP.NET MVC

Sometimes its useful to be able target html elements on a particular page or you want to have specific styling according to a particular area, controller or action.

Here is a small extension to use route data to do just that. 

namespace Antix.Web.Mvc {

 public static class Extentions {

  /// <summary>
  /// <para>Get a string from the route data</para>
  /// </summary>
  public static string RouteString(
      this ViewContext context, string template) {

   foreach (var value in context.RouteData.Values) {

    template = template.Replace(string.Format("{{{0}}}", 
            value.Key.ToLower()),
            value.Value == null
                ? string.Empty
                : value.Value.ToString().ToLower());
   }

   return template;
  }
 }
}

Making sure that the extension is in scope;
by importing on your page 

<%@ Import Namespace="Antix.Web.Mvc"%>

or adding to you web.config 

<configuration>
 <system.web>
  <pages>
   <namespaces>
    <add namespace="Antix.Web.Mvc"/>
   </namespaces>
  </pages>
 </system.web>
<configuration>

Call the function to retrieve the route data in a particular format like so... 

<body class="<%= ViewContext.RouteString("{controller}_{action}") %>">

I've used this in the master page of my site to identify a page Body tag by controller and action.

<blog class="home_blogentry">

^ top

Post a Note

(required)

(required never shown)

^ top

On Twitter Follow MrAntix on Twitter

1 hours ago
TheNextWeb
Bing's search API now live on the Windows Azure Marketplace http://t.co/utX8uOuG by @alex

15/05/2012
WindowsAzure
Announcing the MEET Windows Azure Event! Streamed online June 7th. Register at http://t.co/bObzTAuL  #MEETAzure #WindowsAzure

One hour ago
commadelimited
Buy the @amazon Kindle version of mine and @cfjedimaster's @jquerymobile book for $10 today: http://t.co/PWRZ2dkd

just now
marco_cab_
RT @WindowsAzure: Case Study: Schahin Group Gains Flexible Software Licensing and Financing Solution with #Windows Azure http://t.co/vXkYIWjU /via @MSFTCE

just now
ppekovic
RT @msPartner: Bob Kelly offers details on Microsoft’s #cloud strategy: http://t.co/GECtwycA  via @rcpmag #Azure #mspartner ^NW