AJAX :: How To Set CSS Class For Selected Item In Menu Control
Feb 3, 2014
I've been trying to find an easy way of highlighting the current selected menu item of an asp.net menu (so the user knows which page they are on), but no matter what I have tried I can't get it to work. In my markup I have:
<asp:Menu SkinID="modulesMenu" DataSourceID="modulesSource" runat="server" ID="ModulesMenu"
OnMenuItemDataBound="ModulesMenu_MenuItemDataBound">
<StaticItemTemplate>
<div>
<asp:HyperLink ID="HyperLink2" CssClass="moduleName"
[Code] ....
This is the c# side
protected void ModulesMenu_MenuItemDataBound(object sender, MenuEventArgs e) {
SiteMapNode siteMapNode = (SiteMapNode)e.Item.DataItem;
string pathStringFormat = IsNodeActive(siteMapNode) ? ConfigurationManager.AppSettings["ModuleImagePathFormatString_Active"] : ConfigurationManager.AppSettings["ModuleImagePathFormatString_Inactive"];
[Code] .....
View 1 Replies
Similar Messages:
Jan 10, 2011
I am using frames in my webpage.in one of the frames i have a menu control whose items are database driven.when click on the menu item, i want another page to be displayed in other frame.
now i want to pass the the selected menu item text to the other page using session variable which is in the menu item click event method.but the thing is when i click on the menu item, the click event is not firing.
is there any better way to pass the selected menu item text to the other page?
View 1 Replies
Jul 22, 2010
I have two ASP.NET Menu controls on a page. One in my header (tabs) for top level pages, e.g. ~/Default.aspx
And one in my sidebar for sub pages, e.g. ~/Products/SomeProduct.aspxI'm using the selected CSS class to ensure that the selected tab is a different colour.Works fine for top level pages, but if I view a sub page, the tab isn't assigned a CSS class of selected.How can I ensure that the top level menu item has a CSS class of selected when viewing a sub page?
View 1 Replies
May 7, 2015
How to center the menuitems and highlight the selected menuitem in menu control in asp.net?
<asp:Menu ID="maspageMenu" runat="server" BackColor="#2D2D30" Width="100%" DynamicHorizontalOffset="2" Font-Names="Verdana" Font-Size="1.4em" Font-Strikeout="True" Font-Underline="True" ForeColor="#009933" Orientation="Horizontal" StaticSubMenuIndent="10px" BorderStyle="Groove">
<DynamicHoverStyle BackColor="#18624F" ForeColor="White" />
<DynamicMenuItemStyle BackColor="White" HorizontalPadding="5px" VerticalPadding="2px" />
<DynamicMenuStyle BackColor="White" BorderStyle="Double" />
[CODE]...
View 1 Replies
Feb 1, 2011
I have a asp menu in my master page and i need to highlight the selected menu item.
View 1 Replies
Mar 2, 2011
i am using asp:menu for showing the menus in masterpage. If i click the menu item 1, the corresponding page is loading in the content page. I need that the selected Menu item should be highlighted by some color.
[code]....
View 2 Replies
Aug 12, 2010
I have one asp leftmenu control in my project.when I select one menu item of menu control that Should be highlight.
how to highlight the selected asp menu item?
View 8 Replies
May 7, 2015
Sitemap & Menu:
<asp:SiteMapDataSource ID="Menu" runat="server" ShowStartingNode="false" />
<asp:Menu ID="Menu1" runat="server" Orientation="Horizontal" OnMenuItemDataBound="OnMenuItemDataBound" DataSourceID="Menu" >
<LevelMenuItemStyles>
<asp:MenuItemStyle CssClass="Menu" />
<asp:MenuItemStyle CssClass="Level" />
</LevelMenuItemStyles>
</asp:Menu>
<siteMapNode url="javascript:Logout" title="Logout" description="Logout" roles="*">
<siteMapNode title="Logout" description="Logout"></siteMapNode>
</siteMapNode>
I want OnClick event instead of navigation .
View 1 Replies
Nov 10, 2010
I have a master page (Site.master) with a navigation menu linked to a datasource (Master.sitemap). I have a nested master page that has another navigation menu. For any item clicked in this nested navigation menu, I want a particular menu item in the Site.master navigation menu to be selected.
Here's my Site.master menu:
[Code]....
In my Site.master.cs I have this:
[Code]....
In the nested master page, Products.master I have this:
[Code]....
In the Products.master.cs file I try to change the selected item.
[Code]....
The master navigation and products navigation menus work just fine by themselves. But when I've tried to set the selected item of the master menu in the Page_Load above, I can't seem to access it. What I've found in trying to do this is the NavigationMenu seems to be uninitialized. The menu Items list is empty. What am I missing here? Why are there no menuItems in the Master.NavigationMenu control?
View 2 Replies
Aug 22, 2010
I want to apply a css class to the level 1 menu item (parent) when it or any or it's children are selected. I've looked at MSDN documentation and any number of examples and walkthroughs but I haven't come up with a way of managing this. I was thinking something like this might work but the style is not being applied to the parent. To further complicate matters, if I try to apply a css style to StaticSelectedStyle it doesn't pick it up at all.
Menu Markup:
<StaticSelectedStyle Font-Bold="True" ForeColor="#3333CC" />
Code Behind:
protected void MenuItemClick_NavMenu(Object sender, MenuEventArgs e)
{menuItem parentItem = e.Item.Parent;
if (parentItem != null)
{
parentItem.Selected = true;
}
View 2 Replies
Feb 10, 2011
Does anyone know how to set a selected asp.net dynamic menu item to false? I have multiple menus and when someone selects an item from one of the dropdown menus it changes color. If I were to select an item from a different menu I need the other menus not to have the selected option anymore.
View 1 Replies
Apr 12, 2010
How to maintain the color of sub selected item in accordian menu
View 1 Replies
Apr 15, 2010
I am working with asp.net 2.0 I have 1 problem Regarding Menu Control I used menu control in Master page. Now I have to find out Menu Item from Menu control depending on Condition. how to do that on server and Client side.
My code:
<asp:Menu runat="server" Orientation="Horizontal">
<StaticMenuItemStyle CssClass="jobTabNormal" />
<StaticSelectedStyle CssClass="jobTabSelected" />
<DynamicHoverStyle CssClass="jobTabHover" Font-Bold="true" />
<DynamicMenuStyle />
<DynamicSelectedStyle CssClass="jobTabDynamicSelected" />
<Items>
<asp:MenuItem Text="Job Details" Selected="true" NavigateUrl="#" Enabled="true">
</asp:MenuItem>
<asp:MenuItem Text="Cargos" Enabled="false" NavigateUrl="~/Pages/cargoDetails.aspx">
</asp:MenuItem>.......
View 3 Replies
Feb 17, 2010
I'v been looking for ages on how to get the current selected menu item into a label. so for example on the menu you have home and about, if i click on about it will but the text "About" in the labels text whats in the body of the form. You could say its a sub heading and i would like to do this in c# ;) somthing like this:
lblHeading.Text = Menu1.Page.Title.ToString();
except this retutns the tabpage title not the actual menu item i selected.
View 1 Replies
Feb 10, 2011
how to change the background color of a selected menu item? The background color changes on the word of the dropdown menu but not the entire row section of the menu item. Each menu item has a different word length but I want the background
color length to be consistent throughout the dropdown dynamic menu. I also what to change the background parent when a menu item is selected.
View 1 Replies
Jan 10, 2011
I am using frames in my webpage.in one of the frames i have a menu control whose items are database driven.when click on the menu item, i want another page to be displayed in other frame. now i want to pass the the selected menu item text to the other page using session variable which is in the menu item click event method.but the thing is when i click on the menu item, the click event is not firing. is there any better way to pass the selected menu item text to the other page?
View 1 Replies
Jul 15, 2013
i have a asp menu in master page and it is populated from database.
i want if user click a link that menu link's background color should change how to do?
View 1 Replies
Jun 22, 2010
I tried using the the New ASP.NET Default Web Template in Visual Studio 2010 but one issue I'm encountering is with the CSS selected menu item and read apost which stated that...
"This screenshot demonstrates some of the styling options provided by the CSS, including the style for the selected About menu item"...In the screenshot the "About Us" menu item is highlighted but the page's content is the "Home" page content, not "About Us" page. My problem is...I can't get the selected item to be highlighted as in the screenshot even with fresh site using the built in template.
View 6 Replies
Aug 10, 2010
I am trying to show the user of my application that when they click on a menu item that their selection gets shown by changing the background color of that menu item
I am using the default menu that comes with asp and is contained in the site master. the default CSS for the menu has a hover and active properties but only the hover works.
View 11 Replies
Aug 31, 2010
I have dropdown menu item ("pin this site") that i need to hide it or hide menu item itself ("My Network").
When I saw viewsource on page, I got below code.
<a class="zz1_TopNavigationMenu_1 ms-topnav zz1_TopNavigationMenu_3
ms-topnavselected zz1_TopNavigationMenu_9" href="http://mynetworkqa.spe.org"
style="border-style:none;font-size:1em;">My Network</a>
<a class="zz1_TopNavigationMenu_1 ms-topNavFlyOuts zz1_TopNavigationMenu_6"
href="javascript:__doPostBack(,
'ctl00$PlaceHolderTopNavBar$PlaceHolderHorizontalNav$topSiteMap''Pin')"
style="border-style:none;font-size:1em;">Pin this site</a>
How can I hide menu item?
View 1 Replies
Feb 17, 2010
Can i get the selected index,selected value , selected text using javascript of ajax combobox control. if yes send me the sample code.
View 7 Replies
Nov 8, 2010
I have this control on a page. The selections are static. The "maximumlevels" is set to 6. When I click on an item at the 4th level, I can see the postback occur but the "click" event doesn't fire! I'm totally baffeled. I've tested this in the Page Load event. At this point the PRIOR menu selected value shows. On the next menu_click, the previous selection shows. The first menu item is "selected" and has a value of "Overview". The fourth level item has a value of "Child". No matter how many times I selected that item, my check in the Page Load shows the value to be "Overview". I've tested the 3rd level items and on click, I can see the prior menu item value. When I click a 4th level item, the value never changes from the last 3rd level or higher item selected.
View 7 Replies
Nov 5, 2010
I would like to programmatically hide/unhide Individual Menu items.
How is this best accomplished. I see that intellisense does not have a visibility attribute for Menu1.Items(1).
View 4 Replies
Sep 26, 2010
Is there a way to programmatically select the entire string of the selected item in the AJAX Combobox?What I'm trying to do is bascially on a State/City selection.
1. User selects a State from the first combobox. This triggers the City combobox to be populated. The item(0) is "Select One:".
2. I want the entire "Select One:" to be hightlight as if the user had used their mouse and highlighted all the text.
The reason for this that I'd like the user to be able to start typing the city without needing to clear out the "Select One:" manually.
View 2 Replies
Feb 22, 2010
I need a help in creating a vertical oriented Menu control with dynamic url's set in there Navigate Url property.Also i need to set the menu items as enable/disable in two different modes say edit/new.
View 1 Replies