How do I make current menu item active in asp.net webforms m

Question

How to current menu active i.e. if i selected and go to that page then the dropdown menu need to active( class = 'active treeview' > ) in dynamically in asp .net c#. I want by using jquery or javascript in c#. All the leftside dropdown list are available in masterpage. SETTING CATEGORY MANAGEMENT ADD CATEGORY EMAIL MANAGEMENT CHANGE PASSWORD PORTFOLIO PROJECT MANAGEMENT ADD PROJECT PRODUCT MANAGEMENT ADD PRODUCT

Bikesh Srivastava · Answer

Hi Manoj, Visit here you can find proper solution... http://www.c-sharpcorner.com/blogs/apply-active-css-on-menus-on-master-pages1

Rajeesh Menoth · Answer

Hi, Your code code placed inside the div and add id in that particular div so you can easily find the particular div tag inside "a" tag.

Manoj Maharana · Answer

How to put a hidden field in the master page that holds the id of the current tab??

Manoj Maharana · Answer

Sir what isdiv_id..Can you describe me?? $( '#div_id a' ).each( function () { //mention id of the menu link ???

Rajeesh Menoth · Answer

Hi, In your master page add this js script. Try this code : $(document).ready( function () { var url = window.location.pathname, urlRegExp = new RegExp(url.replace(/\/$/, '' ) + "$" ); $( '#div_id a' ).each( function () { //mention id of the menu link if (urlRegExp.test( this .href.replace(/\/$/, '' ))) { $( this ).addClass( 'active' ); } }); }); Reference : https://rajeeshmenoth.wordpress.com/2014/09/26/how-to-active-menus-in-asp-net-websites/

Manoj Maharana · Answer

No this script is not working.. $(document).ready(function () { menuactive(); }); function menuactive() { var href = window.location.href; if (href.indexOf("Category.aspx") > 0) { $('li#settingId').addClass('active'); } }

Manoj Maharana · Answer

Vincent Maverick Durano Why need of hidden field???

Manoj Maharana · Answer

where should i use this script?? how to find mypage.aspx??

Vincent Maverick Durano · Answer

When a page is posted back, your active menu will be reset. What you can do is to use a HiddenField to track the selected active menu and then use the jQuery document ready event to get the value stored in the HiddenField, and then set the style of the of the menu to become active.

Midhun T P · Answer

Hi, You have to give id to li's and check the url of page and set active class to corresponding li. $(document).ready(function () { menuactive(); }); function menuactive() { var href = window.location.href; if (href.indexOf("mypage.aspx") > 0) { $('li#correspondingid').addClass('active'); } }

How do I make current menu item active in asp.net webforms m

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (10)