Dynamically Change class Attribute From ASP.NET

B03B0015 I recently received a question from another programmer I know who’s been using PHP prior to ASP.NET that made me think harder about a problem we’ve all had in ASP.NET.  The basic problem is this:

How do you dynamically change the class of a hyperlink based on the page name so that the hyperlink that represents the current page is styled differently than all of the other hyperlinks on our screen?  If you want you can substitute any other HTML element you want, but the problem remains the same.

The first, most obvious answer would be to create a case statement of some sort.

string fileName = AppRelativeVirtualPath
    .ToLower().Replace("~/","").Replace("/","_")
    .Replace(".aspx","");
switch(fileName)
{
     case "fileone":
             m_hyperLinkFileOne.CssClass = 
                "selectedClass";
             break;
    // etc...
}

But we all know just how ugly that code will get once we start adding pages to our site.   Yuck!  Unfortunately, this is exactly the code I’ve been recommending up until today.

What was I thinking?!

If you are familiar with ASP.NET at all, you should already be familiar with the Page_Load event handler.  I bet that’s where you do 90% of your page initialization.  But did you know that there is a load event that fires for each control?

Further, you can have all of your controls point to the same load event handler.  So if we take advantage of this, we can write very tight code that automatically sets the class based on the current page name.

// This code assumes that the ID of the hyperLink
// controls follow
// the form of m_hyperLinkDestinationPageName // ie, a link to default.aspx would become
//
m_hyperLinkDefault void HyperLinkLoad(Object sender, EventArgs args) { // Only need to do this once if you have ViewState // enabled. if(!IsPostBack) { string fileName = AppRelativeVirtualPath .ToLower().Replace("~/","").Replace("/","_") .Replace(".aspx",""); // sender will always point to the control that // fired the event so, assuming that only // asp:hyperlink controls call HyperLinkLoad if("m_hyperlink"+file ==
((HyperLinkControl)sender) .ID.ToLower()) ((HyperLinkControl)sender).CssClass= "selectedClass"; } }

Related Post

  • Finding a CSS Class DefinitionFinding a CSS Class Definition A couple of weeks ago I pointed out that you could easily find the definition of a property, method, variable, or class by right-clicking the item and selecting, "Go To Definition" from the contex...
  • iTextSharp – HTML to PDF – Parsing HTMLiTextSharp – HTML to PDF – Parsing HTML Now that we have the HTML cleaned up, the next thing we will want to do is to parse the HTML. In my actual code for this, I parse the HTML and create the PDF at the same time, but for the purpo...
  • DotNetNuke Skins – ASCX vs HTML modeDotNetNuke Skins – ASCX vs HTML mode I got a question yesterday from a designer who is unfamiliar with ASP.NET asking what the difference is between ASCX mode and HTML mode when developing skins and containers for DotNetNuke. I th...
  • Easily Find Classes, Methods, and VariablesEasily Find Classes, Methods, and Variables There is a bit of a "trick" that I use routinely in Visual Studio to help me find the definition of Classes, Methods, and Variables in my solution regardless. This "trick" works in both CSharp ...
  • iTextSharp – HTML to PDF – PrerequisitesiTextSharp – HTML to PDF – Prerequisites Before we get into the nitty gritty of parsing the HTML so that we can create PDF code from it, it is important that we develop the concept of how text layout works in iTextSharp.  So today...
  • http://trephine.org Balaji_Getfriday

    Have you given any thoughts to Use Categories to Add Functionality to Classes? I’ve been hard pressed to find good resources, and judging from this article I’m guessing you may have something valuable to say. Thanks in advance!

  • Dave

    Can you point me to any resource that talks about this? I’m not familiar with anything that could be what you reference in your question.