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

Manoj Maharana

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.

10 Replies

Know the answer? Post it — somebody with the same question will find it here.

Bikesh Srivastava10y ago
Hi Manoj,
Visit here you can find proper solution...
http://www.c-sharpcorner.com/blogs/apply-active-css-on-menus-on-master-pages1
0
Rajeesh Menoth10y ago
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.
0
Manoj Maharana10y ago
How to put a hidden field in the master page that holds the id of the current tab??
0
Manoj Maharana10y ago
Sir what isdiv_id..Can you describe me??

$('#div_id a').each(function() { //mention id of the menu link ???
0
Rajeesh Menoth10y ago
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/
0
Manoj Maharana10y ago
No this script is not working..
0
Manoj Maharana10y ago
Vincent Maverick Durano
Why need of hidden field???
0
Manoj Maharana10y ago
where should i use this script??
how to find mypage.aspx??
0
Vincent Maverick Durano10y ago
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.
0
Midhun Tp10y ago
Hi,
You have to give id to li's and check the url of page and set active class to corresponding li.
0