Web Forms :: Asp Menu And Css Menu Design As In Picture?
Feb 1, 2010I have an asp menu can any body tell me that how can create menu design as in picture.
View 5 RepliesI have an asp menu can any body tell me that how can create menu design as in picture.
View 5 Replieshow to change a specific Picture on ohver at menuItem in menu control the code is like this
<asp:Menu ID="NavigationMenu" runat="server" CssClass="menu"
EnableViewState="False" IncludeStyleBlock="False">
<Items>
<asp:MenuItem NavigateUrl="~/Homepage.aspx" ImageUrl="~/images/ONE.png" ></asp:MenuItem>
<asp:MenuItem NavigateUrl="~/AboutUs.aspx" ImageUrl="~/images/SOME.png"></asp:MenuItem>
<asp:MenuItem NavigateUrl="~/ContactUs.aspx" ImageUrl="~/images/MENU.png"></asp:MenuItem>
</Items>
</asp:Menu>
I got a problem with my Menu control. It is linked to a sitemapdatasource but the design looks really terrible.I'd like to make bold font when the cursor is over the control, but the problem is, that then the other elements of the menu move their positions. What I like is that every object has the same size, neither the text is long or not.
The other thing I want to do is to put "||" so, thw vertical lines between the controls. I'm sure it is not difficult to do this but it took me already half an hour. I also couldn't find any other topic for this.
Does anyone know what to do about this, or have a link where designing Menu controls is explained.
i need to design a menu for my webpage like the above one with ASP.NET LISTVIEW control..
can anybody help me with the CSS..
How to design like microsoft like[URL]
View 1 RepliesI did try to create menues from the database. I noted that the code only allows for top level 1 and level 2 (submenu) menu items only.I modified the code and got what I wanted. Now I have issues with formatting. The subsequent menu levels (submenus) are not well formated. how i can format the menu items using CSS?Below is the modified cosde:This code seems ok.
Private Sub PopulateMenu(dt As DataTable, parentMenuId As Integer, parentMenuItem As MenuItem)
Dim currentPage As String = Path.GetFileName(Request.Url.AbsolutePath)
For Each row As DataRow In dt.Rows
Dim menuItem As New MenuItem() With {.Value = row("MenuId").ToString(), .Text = row("Title").ToString(), .NavigateUrl = row("Url").ToString(),
[code]....
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 RepliesCurrently 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]...
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 RepliesWe 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 am need to build a menu and each item of the menu has an image as background knowing that i depend on sitemap to build the menu i used
[Code]....
where menuitem is in a css sheet
[Code]....
it display the image but in the wrong place?
i have a menu which is collapses as a default. This is done by following query.
[Code]....
Now, the problem is, whenever i click on any menu item by expanding the menu, the item page opens but the menu collapses again. I want to let the menu remain as expanded although a menu item is clicked. i.e. menu shouldn't refresh when a menu item is clicked.
i'm working with asp.net visual studio 2008 c#i'm using Menu and i added items . the first item has like sub-items ...now when i run the website, the Menu wont open the sub-items menu ... this is the code :
<li style="direction: rtl"> <asp:Menu ID="Menu2" runat="server" BackColor="WhiteSmoke" BorderColor="White" ForeColor="#6699FF" Font-Bold="True" Height="361px" Style="left: 2px; position: relative; top: -9px; background-color: #ffffff" Width="194px"> <Items> <asp:MenuItem
NavigateUrl="~/CourseSignUp.aspx" Text="קורסי גלישה" Value="קורסי גלישה"> <asp:MenuItem Text="קורס ילדים עד גיל 18" Value="קורס ילדים עד גיל 18"> <asp:MenuItem Text="קורסים בקיץ" Value="קורסים בקיץ" NavigateUrl="~/CourseSignUp.aspx"></asp:MenuItem> <asp:MenuItem Text="קורס ימי שישי" Value="קורס ימי שישי"></asp:MenuItem> <asp:MenuItem Text="קורסים בחגים" Value="קורסים בחגים"></asp:MenuItem> </asp:MenuItem> <asp:MenuItem Text="קורס מבוגרים" Value="קורס מבוגרים"> <asp:MenuItem Text="קורס ימי שישי" Value="קורס ימי שישי"></asp:MenuItem> </asp:MenuItem> </asp:MenuItem> <asp:MenuItem Text="שיעורים פרטיים" Value="New Item"> </asp:MenuItem> <asp:MenuItem NavigateUrl="~/Rents.aspx" Text="השכרות" Value="Rents"></asp:MenuItem> <asp:MenuItem Text="מידע לגולש המתחיל" Value="New Item"></asp:MenuItem> <asp:MenuItem Text="לי קים" Value="New Item"></asp:MenuItem> <asp:MenuItem Text="תחזיות" Value="New Item" NavigateUrl="~/Forecasts.aspx"></asp:MenuItem> <asp:MenuItem Text="מאמרים" Value="New Item"></asp:MenuItem> <asp:MenuItem Text="הסטורית גלישה" Value="New Item"></asp:MenuItem> </Items> </asp:Menu> </li>
I am using menu control . I want to show the sub menu when clicking the main menu link ?
View 6 RepliesSitemap & 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 .
How to append right click menu to a textbox in asp.net c#?
View 1 RepliesI 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?
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 RepliesI am new to asp.net and I come from the desktop world. I am struggling with some problems in regards to my horizontal asp.net menu. My menu gets moved down in some browsers and I can not figure it out. How you web guys deal with this stuff all the time is beyond me... i want to shoot myself.
In ie7 and FF it was fine. In Chrome and ie the menu is moved down. Also the drop down section of the menu is being displayed with a blue colored font and not white.
I will paste my html and my css for reference. I probably have done everything wrong and my code is probably a joke.
here is the html. I might have included too much code but maybe other parts are effecting the menu section.
[Code]....
Here is the css page that 'should' be controlling the menu.
[Code]....
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>.......
how to align the menu bar with proper space
View 1 RepliesI can highlight a menu-itm when the mouse is hovering over it. How do I highlight a menu item when a sub-menu item is hovered? I have a 4 level menu, 2 static accross the top, one drop-down, and one pop-out from the drop-downs.
While selecting level-4 items, it is a little confusing as to which level-3 item is being popped-out because I have alot of level 3 and level 4 items. I want the appropriate level 3 item highlighted while hovering over its level 4 popout.