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)

<ul class="art-menu">
      <li><a href="#" class="{ActiveItem}"><span class="l"></span><span class="r"></span><span
                            class="t">Submission</span> </a>
                            <ul>
                                <li><a href="../QuoteStatus.aspx">Search Submission</a></li>
                                <li><a href="../NewQuote.aspx">New Submission</a></li>
                            </ul>
                        </li>
                        <li><a href="#"><span class="l"></span><span class="r"></span><span class="t">Requests</span></a>
                            <ul>
                                <li><a href="../Requests/IssueCertificates.aspx">Issue Certificates</a></li>
                                <li><a href="../Requests/QuoteCancellation.aspx">Cancellation</a></li>
                                <li><a href="../Requests/LossRuns.aspx">Loss Runs</a></li>
                                <li><a href="../Requests/Endorsements.aspx">Endorsements</a></li>
                            </ul>
                        </li>
                        <li><a href="#"><span class="l"></span><span class="r"></span><span class="t">Reports</span></a>
                        </li>
                        <li><a href="#"><span class="l"></span><span class="r"></span><span class="t">Configuration</span></a>
                            <ul>
                                <li><a href="../Administration/UserInformation.aspx">User Information</a></li>
                                <li><a href="../SignUp.aspx">New User</a></li>
                                <li><a href="../Administration/AdminSettings.aspx">Admin Settings</a></li>
                            </ul>
                        </li>
</ul>

how to write the code , please give me suggestion about that...

thank u hemanth

are you put your header in control?

Krish
– Krish

2012-08-11 12:31:32 +00:00
Commented Aug 11, 2012 at 12:31 — Krish
– Krish, Commented Aug 11, 2012 at 12:31

codingbiz · Accepted Answer · 2012-08-11 13:00:18Z

4

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";
    }

}

answered Aug 11, 2012 at 13:00

codingbiz

26.4k9 gold badges62 silver badges99 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ofir Baruch · Accepted Answer · 2012-08-11 11:49:08Z

0

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)

answered Aug 11, 2012 at 11:49

Ofir Baruch

10.3k2 gold badges29 silver badges39 bronze badges

1 Comment

Ofir Baruch Over a year ago

Will it help I'll write it in php?

Collectives™ on Stack Overflow

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

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related