How to set css class on active menu item using a masterpage?

Question

How to set the Active menu item color when i click the sub submenu items or main item in asp.net master page.

My code is (master page source)

Answer 1

I am not familier to ASP , but in php for instance I'll handle it by adding a function that will check which page is the current page. I will call it above the HTML and then you can use it.

Algorithem:

1.Get current URL

2.Fetch the current file name out of it

3.save the current file name as a variable ("selectedPage")

4.When printing the menu out , use condition to compare the "selectedPage" to the item's file name.

Consider printing the menu using an array and a loop (so instead X conditions , you'll have to write just one)

Answer 2

Here is what I do. There could be a better way. You can try it.

NOTE: your link should have runat="server" so you can access them from code-behind

protected void Page_Load(object sender, EventArgs e)
{            
    string curlink = Request.RawUrl;

    if (curlink.Contains("/administration/school")) 
    {
        schoolinfolink.Attributes["class"] = "selected";
    }
    else if (curlink.Contains("/administration/result"))
    {
        resultlink.Attributes["class"] = "selected";
    }
    else if (curlink.Contains("/administration/staff"))
    {
       staffslink.Attributes["class"] = "selected";
    }

}