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 I'am coding on e-trade project with ASP.NET.I want to ASP.NET Menu control or HTML+CSS menus.I have a screen shot ; ![alt text][1]
or web site address here : [URL]
I want a menu like it.Horizontal and verticral menu
Had two questions about the ASP.NET menu control.
1) I have a menu control which is using a SiteMapDataSource. This is bound to a .sitemap file. I have the orientation property set to horizontal, but for some strange reason it still displays vertical. I can't for the life of me figure out why it's doing this. Am I doing something wrong here?
2) Is there a way to not display the root (Home) directory on my menu control? I only want to show Customer Support, Technician Support, Administration, and Site Map on the control.
[code]....
Am developing a application in asp.net 2.0.I need a horizontal menu which resembles like this site:http://www.microsoft.com/en/us/default.aspx
View 2 RepliesIs it possible for me to change from verticle to horizontal menu using vb 2005?
As for now I have this code and it working just fine.
<asp:LinkButton ID="home_lnk" runat="server" CssClass="linkLableName"
Font-Bold="True" Visible="true" Width="156px">Home</asp:LinkButton>
<asp:Menu ID="rootmenu" runat="server" CssClass="linkLableName" Width="156px" ForeColor="#ffffff" >
<DynamicHoverStyle CssClass="linkLableNameItem" />
<DynamicMenuStyle CssClass="linkLableNameItem" />
[Code] ....
I did make my menus turn to horizontal. But I have no clue how to put my home and sign out menu together in the menus. As it is separated because I am using linkbutton for both button.
Using an ASP.NET 3.5 menu control set to horizontal, is there a way to specify that only a certain node of the menu displays? For example, let's say I have a vertical menu on the left side of the master page that is tied to a sitemap and displays these nodes. The submenus would be dynamic and only display when the root node is hovered.
Main Page
Second Page
Sub Menu 1
Page 1
Page 2
Page 3
Sub Menu 2
Page 1
Page 2
Page 3
A certain (powerful) group of my users will always be going straight to the pages in Sub Menu 1 and pretty much never touching the other pages. They would like a sub-master page that is based on the parent master page so that the primary vertical menu and the sitemappath are all still there but the sub-master page will contain a horizontal menu control that only displays the the Sub Menu 1 node, like this:
Sub Menu 1 Page 1 Page 2 Page 3
Is there a way to set up the menu control to start displaying at a certain node level so the parent nodes and sibling nodes aren't displayed or would this require maintaining a separate sitemap file? I hope this makes sense.
I've built a website with a Horizontal Menubar at the the top of the site, it works fine the only problem is now that i have added more items to the website map it has now grown wider than the site, so what i would like it to do is when it gets to a certain width drop down and start adding the node links underneath. i tried setting the width property of the <asp:menu> but this did not seem to do anything at all. I could obviously add a second menubar linking to another sitemap but i would like to be as dynamic as posssible. Plus the menu is baseed around the role structure so some users may only see 5 items where admins, supervisors etc may see around 30 level 1 menu items with multiple subitems. so in short how to i make the menu wrap round to the next line when a certain length is reached
View 3 RepliesI am following the article [URL] .....
but I am not able to see my links horizontally
Here is my site map file
<?xml version="1.0" encoding="utf-8"?>
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
<siteMapNode url="~/default.aspx"
title="Home"
description=""
roles="*">
[Code] ....
The access to these links are controlled by membership provider.
Home is accessed by everyone. "Member Home" and MyBiz are accessed when the user is logged in.
The menu should have only Home displayed and when the user is logged in then it should displaym Home, MemberHome, MyBiz and sub links.
Here is the code for menu control
<asp:Menu ID="HorizontalMenuId" runat="server"
DataSourceID="SiteMapDataSource1" Orientation="Horizontal">
<LevelMenuItemStyles>
<asp:MenuItemStyle CssClass="main_menu" />
<asp:MenuItemStyle CssClass="level_menu" />
</LevelMenuItemStyles>
</asp:Menu>
My menu control is in horizotal style and i want to show it's dynamic item also in horizontal style too, by default they are vertical. Plus the arrow(Static pop-out image) to be shown vertical rather horizotal which is by default. How to do that ?
View 3 RepliesThe menu control when used on the newly released VS2010 with ASP.Net version 4.0 renders vertically briefly, then renders horizontally. This causes a 1/2 second annoying flash of the menu in vertical form before it disappears and renders horizontally as intended. If you choose to render the menu as a table this problem doesn't happen, but if you choose to render the menu as a list (using <ul><li>) then if happens every time, but is hidden on development systems where response is quick enough such that the rendering vertically is not visible to the naked eye. How can I cause the rendering to be horizontal (without the brief vertical rendering)?
View 1 RepliesIs 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 RepliesI 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.
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]...
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]...
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?
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 RepliesI 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.
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?
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]
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]....
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?
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 .
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?
Is it possible to use SeparatorImageURL to display a small graphic centered between menuitems in a horizontal menu control?
View 1 RepliesI 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