C# - Tweaking Menu Control Like A Mega Dropdown
Feb 28, 2011
Platform: Website development on ASP.NET 4.0(Webforms) with C#. Situation: My rendered ASP.NET Menu control is horizontal and has three levels of data. And I have set StaticDisplayLevels="1" so that the menu shows Level1 data horizontally and onmouseover of level1, the menu displays the level2 data and onmouseover of level2, the menu displays level3 data.
Requirement: To display level2 and level3 data in a single list, with the children of first level2(if any) get displayed below the first level2 data. Then comes second level2 and its children(if any) and so on. Consider the above image. What i would like to have, is a display like the one on the left. But the ASP.NET Menu control renders it like the image on the right side.
I have searched high and low in the net for a solution. I even tried replacing the markup of the generated asp.net control using Menu's DataBound event and then injecting javascript hack to it. I succeeded in it but it lacks reusability. What I would like to have is a way to implement a re-usable ASP.NET Menu Control with static level2 (and level3) after dynamic level1 which acts like a megadropdown. I am sure that there should be a way and that I am going the wrong way.
View 2 Replies
Similar Messages:
May 7, 2010
how can i make a mega dropdown menu using asp net navigation control
View 2 Replies
Jun 25, 2010
I want to write a simple ASP.NET weg page in C# that will consume a web service method using SOAP.How to access a web service if it is on port 443 i.e HTTPS ? If the web method called successfully then it's response status code will be 200, how to return it back the same status code(that we have from web service) from where the page is accessed ?Suppose I have opened the ASP.NET web page ( that consumes the web service method) from the browser and the web servic method is not available / responding then we will have staus code in it's web response in that ASPX web page.My question is how to redirect that status code as status code of the ASPX page that actually calls web method internally, so that it will display some eror message(e,g 404, Page Not found ) directly on the browser.
View 1 Replies
Mar 3, 2010
I want to show on a label the total mega byte size of all files in a specific folder. Does the I0 class let us do this?
View 5 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
Mar 15, 2011
I have a asp:menu that's using data from a .sitemap file. This site is running on server 2003 asp.net 2.0. I assume IIS v6? When using IE9 normally the dropdown menu shows but you can't select anything from it (the pointer goes away when you hover over it) and it disappears. If you go into Compatibility mode, the dropdown menu shows and you can access the menu items but the item hover background color is lost (supposed to be white with #CC0000 text. Background is #CC0000 so you can't see the text).
This didn't happen with any other versions of IE. If you check it in any other browser, it works as expected.
Funny thing is if I run it out of my local IIS v7 (Win7) or my dev server from VS 2010 (localhost), it works fine in IE9.
View 2 Replies
May 21, 2012
How to create dropdown menu bar in asp.net?
View 1 Replies
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
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
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
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
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
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
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
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
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
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
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
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
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
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
Nov 6, 2010
I just recently got complains from some of my customers, that their drop down menu does not work in IE. The drop down menu is just a white frame, and when navigating down the menu disapperas. I investigated the problem, and found that it works fine in IE6 and other browsers.
View 1 Replies
Feb 5, 2011
I was wondering if ther is a Way to select a table name from a DropDown Menu and then dispaly the data in say a GridView?
For Example;
In PHP you can post a Value to a Veriable and Put that Veriable into a SQL Statement.
"SELECT * FROM '.$VAR.'" would be the statment used to return the data.
I was wondering if there was a similar way to dot his. Currently I have a different page for each table with other dropdown menus to select other options, or would continuing to do it like i have just stated be better?
View 5 Replies
Jul 30, 2010
I have created user control for menu bar and loading in Master page. User control has Link buttons. Now I want create drop down menu for one of Link buttons. I dont know, how to do that? Is there any other control that supports?
<asp:LinkButton ID="btnAttributeProcessing" CausesValidation="False" ForeColor="White" runat="server">Data Processing</asp:LinkButton> |
<asp:Label ID="lbLinks" ForeColor="White" runat="server"></asp:Label>
<asp:LinkButton ID="btnGroupsetup" CausesValidation="False" ForeColor="White" runat="server">Group Set-up</asp:LinkButton> |
<asp:LinkButton ID="btnRegressionConfiguration" CausesValidation="False" ForeColor="White"
runat="server">Regression Configuration</asp:LinkButton>
<asp:Label ID="lblConvPipe" ForeColor="White" runat="server"> | </asp:Label>
<asp:LinkButton ID="btnDetailedGroupConfig" CausesValidation="False" ForeColor="White"
runat="server">Detailed Group Config</asp:LinkButton>
View 1 Replies
Oct 6, 2010
I have a couple of drop down list inside a update panel and a asp:menu. When the site is accesed with IE6 the asp:menu appears behind the dropdown combos. I already try fix it with z-index but nothing happen, the dropdown still appears in front of asp:menu. is a bug in IE6, or there is a workaround? This not happen with IE7, IE8 and Firefox.
View 1 Replies