Control CSS Class Applied To ASP 4 Menu With RenderingMode=List

May 11, 2010

I am using an ASP.NET 4.0 Menu control with RenderingMode=List and am struggling with creating the appropriate CSS. Each menu item is represented by an <li> tag that contains a nested <a> tag with what appear to be fixed class names:

<a class="level1"> for unselected level 1 menu items
<a class="level2"> for unselected level 2 menu items
<a class="level1 selected"> for the selected level 1 menu item

What I want to do is to is to prevent the currently selected menu item from being "clickable". To do so I tried using:

if (menuItem.Selected) menuItem.Selectable = false;

This has the desired effect of removing the href attribute from the <a> tag but also removes the class attribute - and as a result my CSS can not identify what level the menu item belongs to! Looks to me like a possible bug, but in any case I can't find any documentation describing what CSS class names are used, nor whether there is any way to control this (the old Style properties don't appear to have any effect). Ideally I would like to have "level" class attributes on the <li> tags, not just the nested <a> tags.

UPDATE

I've taken a look at the System.Web source with Reflector, and it appears that it does explicitly skip outputting CSS attributes if Selectable=false. The following is extracted from MenuRendererStandards.RenderItemLinkAttributes:

if (!item.Selectable)
{
return needsAccessKey; // !! exits without setting class attribute
}
if (item.Selected)
{
cssClass = cssClass + " selected";
}
writer.AddAttribute(HtmlTextWriterAttribute.Class, cssClass);

View 1 Replies


Similar Messages:

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

User/server Control With Custom List Items / Create A Simple Menu User Control

Feb 18, 2011

I'm attempting to create a simple menu user control just as outlined here.

The attached code results in an "Object reference not set to an instance of an object" error, but I can't figure out why.

<%@ Master Language="VB" CodeFile="MySite.master.vb" Inherits="MySite" %>
<%@ Register src="Controls/Menu.ascx" tagname="Menu" tagprefix="my" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">......

View 1 Replies

Web Forms :: .NET 4.0 Menu Control Issue In RenderMode="List"?

Oct 5, 2010

I am trying to create the following HTML menu in ASP.NET 4.0 using asp.net menu control but not succeeded yet. I set the RenderMode="List" in Menu control but it creates different view:

HTML ( Similar menu I want in ASP.NET 4.0 using Menu control)

------------------------------------------------------------------------------------------
<ul id="mainNavMenu">

View 2 Replies

C# - List <Class> New Class Takes Up Memory - Can Set C=null; In The Code

Jul 23, 2010

List New Class takes up memory?Do I need C=null; in the code below?

//class Category
public List<Category> SelectAll()
{
List<Category> LV = new List<Category>();
string command = "SELECT * from categories";
SqlCommand sc = new SqlCommand(command, new SqlConnection(GlobalFunction.Function.GetConnectionString()));
sc.Connection.Open();
SqlDataReader dr = sc.ExecuteReader();
using(dr)
{
[code]...

View 5 Replies

List All Classes In Application (Including Class In App_Code And Partial Class(aspx Pages And Asmx User Controls)?

Nov 15, 2010

Is there any way to list all the class in my ASP.Net application(Including class in App_Code and Partial Class(aspx pages and asmx user controls)

View 3 Replies

Web Forms :: Add/Remove Default Classes From The Menu Generated From The TreeView Or Menu Control

Apr 5, 2010

Is there a way to add/delete/update the default classes (for instance AspNet-Menu-WithChildren,AspNet-Menu-NonLink ) of the html generated by the asp.net menu or treeview control? I am using CSSAdapters so the menu control renders in a list format instead of table format.

View 1 Replies

VS 2013 ASPX Menu - Dynamically Adding Items Display Outside Menu Control

Apr 24, 2015

I have placed an aspx menu control on my master page with orientation as Horizontal. Below is HTML markup.

HTML Code:
<asp:Menu ID="mnuMedChem" runat="server" Orientation="Horizontal" Width="100%" OnMenuItemClick="mnuMedChem_MenuItemClick">
<DynamicHoverStyle CssClass="DynamicHover" />
<DynamicMenuItemStyle CssClass="DynamicMenuItem" />

[Code]....

I have tried populating the menus from my database by using the

Code:
mnuMedChem.Items.Add
and
Code:
mnuMedChem.FindControl(value).ChildItems.Add

The menu items and the childs are populating correctly but then the menu is not being displayed on the menu control.

View 4 Replies

What CSS Rules Do The Menu Server Control Implement To Renders As A Horizontal Menu?

Oct 2, 2010

For the ASP.NET Menu Server Control whose RenderMode is set to "List", there is an "Orientation" property which decides whether the menu would render as a horizontal or a vertical menu. I have compared the two HTML source code and was unable to find out which part of the HTML/CSS code set the orientation of the menu(unordered list).

View 2 Replies

Web Forms :: Style The Menu Control To Allow The Menu Items To Float To The Right Of The Container?

Feb 3, 2011

Currently I have a menu control on my webform in ASP.Net 4.0 :

<div class="PNMenu">
<asp:SiteMapDataSource ID="PNSiteMap" runat="server" ShowStartingNode="false" />
<asp:Menu ID="PNMainMenu" runat="server" DataSourceID="PNSiteMap" RenderingMode="List" Orientation="Horizontal" CssClass="PN-PrimaryNavMenu" >
</asp:Menu>
</div>

I am trying to style the menu control to allow the menu items to float to the right of the container, however I am unable to do so as whenever I am styling the a, ul or li it keeps getting overidded by asp.net and floats everything left.

.PNMenu
{
clear:both;

[code]...

View 5 Replies

AJAX :: How To Highlight Menu Item Of Menu Control For Current Page

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

Web Forms :: Change Background Color Of Selected Menu In Menu Control?

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

Web Forms :: Hide Some Menu Items For Non Logged In Users In Menu Control

Apr 8, 2013

What I want is to show menu items Administrator or show user menu items.Show menu items using login...How I can do it with role  provider, control menu and siteMap in masterpage?

View 1 Replies

AJAX :: Menu Control With Dynamic Url / Set The Menu Items As Enable/disable In Two Different Modes Say Edit/new?

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

Web Forms :: Save Data While Changing Menu / Place The Menu Control In The Mater Page?

Mar 17, 2010

We have to develop an application which has a Vertical left pane menu control which displays all the web pages (A,B,C say). Now if user is in page A and filled some data and clicks on menu control to go to page B, all the data in page A needs to be saved. Also if all the required field in page A are not filled and user navigated to page B, there will be one ! sign after the menu so that user can understand that there some some more fields need to be filled up.

We are planning to place the menu control in the Mater page. Please give me some direction to do this. My question is:

1. If user change menu (In Master Page), how should we save data?

2. How should we display the ! in the menu control?

View 2 Replies

Web Forms :: Menu Control - Does Not Render Image On Dynamic Menu

Sep 2, 2010

I am doing a rework on one of my sites and I am attempting to use the asp:menu control.

I am using images in the static and dynamic menus. Hard coded at this point.

On my local machine it works fine but when I upload to the server, the image on the dynamci menus do not appear.

Instead I just get white space where the images should be.

Here is the code:

[code]

View 2 Replies

Web Forms :: Display A Context Sensitive Menu Using Menu Control?

Jul 28, 2010

I know that the code depicted below will not work but I am including it to convey the idea of what I wish to accomplish. I want to use a different SiteMap to construct the menu on the displayed page for each of three different classes of service (COS).

I set a session variable named "COS" at the login and want to test its value prior to rendering each page. I want to display a menu based upon the appropriate COS. Here is my first stab at it but I know that I cannot include <asp:...> controls within the "case" statements. Can anyone suggest methods of doing this? I know C# and can use that but I do not know how to select the proper sitemap within the <menu> control. I am also using a CSS in my production version.

[Code]....

View 2 Replies

VS 2008 - Menu Navigation Control - Spacing Between Menu Items

Jul 10, 2010

I added a menu avigation control in my page and i did this:

<div style="background-color: Maroon">
<asp:Menu ID="Menu1" runat="server" Orientation="Horizontal" ForeColor="Black" Font-Bold="true"
BackColor="Chocolate">
<Items>
<asp:MenuItem Text="Home"></asp:MenuItem>
<asp:MenuItem Text="About Us"></asp:MenuItem>
<asp:MenuItem Text="Services"></asp:MenuItem>
<asp:MenuItem Text="Careers"></asp:MenuItem>
<asp:MenuItem Text="Contact Us"></asp:MenuItem>
</Items>
</asp:Menu>
</div>

but i cant give proper spacing between the menu items right now it is appearing like this: how to give proper spacing between the menu items them?

View 14 Replies

Web Forms :: Menu Item Click Event For Menu Control

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

Web Forms :: Menu Control Click Event Not Firing / How To Pass The Selected Menu Item Text To The Other Page

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

Asp.Menu Control Causes Linebreak / Put The Loginstatus Control Next To The Menu?

Mar 8, 2010

I want to put the loginstatus control next to the menu but it is always on the next line. Why is that?

[Code]....

View 7 Replies

Web Forms :: JQuery Dropline Menu Using Menu Control

Feb 28, 2010

I am trying to implement dropline menu using asp.net menu control. I found JQuery dropline code @ Dynamic Drive & currently using CssFriendly Adapters to get neet CSS, but i am unable to implement it as menu control renders its own css names.

View 1 Replies

Web Forms :: Finding Menu Item From Menu Control?

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

Visual Studio :: Use Pop Menu In 2008 Like Menu Control

Jun 30, 2010

How to use pop menu in visual studio 2008 (Like Menu Control).

View 1 Replies

Web Forms :: Align Menu Items In Menu Control?

Jun 22, 2012

how to align the menu bar with proper space

View 1 Replies







Copyrights 2005-15 www.BigResource.com, All rights reserved