Web Forms :: Make Mega Dropdown Menu Using Navigation Control?
May 7, 2010how can i make a mega dropdown menu using asp net navigation control
View 2 Replieshow can i make a mega dropdown menu using asp net navigation control
View 2 RepliesPlatform: 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.
I'd like to make navigation menu like one in [url=http://www.eveonline.com/]here[/url]. I thought about using TreeView, but I couldn't make "collapse" indicators to disapear. If I set ShowExpandCollapse property to "false" those indicators disapear, but tree becomes expanded and static. That's not what I want to achieve.
View 2 RepliesIam using masterpage and i want to use navigation menu ,but i don't want to use sitemap concept
how to work with navigation menu and assign the pages in navigation menu in master page
I am using ASP.net Menu. The problem is, i am unable to make the drop down solution1,solution2 center align and same width as its parent
Solutions.
Here is the code
[Code]....
I have a menu navigation bar with drop down menu in asp.net project.i have done this with jquery.To get into this page i have 5 hyperlinks in previous page. when i click on one of the hyperlink and enter the navigation bar page,i need to make dropdown visible to false. i dont have any idea related to this.
View 1 RepliesI'm developing a Portal to a school
I need to login (ok)
I also need when the login is ok, to add some buttons to navigation menu, taht is created in the Master Page.
Is it possible?, how?
i already handle the page load on the default page.
I know this is a pretty basic question, but I don't know how to articulate what I want into a Google search to solve my problem.
I am working on a website for a Non-profit, and I am currently using Jquery and CSS to create a dynamic dropdown navigation bar. The code + examples can be found here: [URL]
The Nav menu works great, however when the elements expand, the new content forces the rest of the content on the page to move down and it messes up the entire formatting of the site. Most websites usually just have the Nav bar elements expand OVER the rest of the page without modifying locations...
here is the example code of what I am using:
[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?
I am a student and .net freshers.I have been working on a website using asp.net and has used menu control in it.it has various sections like home,about us ,customer care and i have set navigate url for each menu parts and submenus .but it is not navigating to respective pages while it is opened in browser. I have seen sitemap usage and iE8 compatiblity articles does it needs to be done ...cant it workout just by setting navigate url in property of menu?
View 6 RepliesI'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 RepliesHow to get rid-off ToolTip showing when people hover over menu items in asp:menu navigation control? The ToolTip itself covers pop-out sub-menu and very irritating. ToolTip actually displays "description" from Web.sitemap. I thought to delete "description", but that would be nice to have for asp:SiteMapPath.
View 2 RepliesIn classic ASP I would write some logic to get a nice menu on the site, but now with the Menu-control, it's as easy as it gets.. Maybe to easy. I can't quite figure out how I would do this.. I have a multilevel navigation structure (from a database) that I want to put into the Menu-control, but I don't know which approach is the best/easiest way for me..
I'm all into performance, usability and all that.. The only thing I have really decided is that I want to use the Menu-control, I haven't decided what datasource I should use or how to style the individual links my way The data is coming from a database and is not supposed to be changed very often (maybe once or twice every month).. Thought of making an XML-sitemap, but also of making some sort of SQL-hookup.. I'm leaning towards the XML-sitemap because it wouldn't take long to generate the XML every time the navigation changes and that won't happen very often. The next issue is styling, how to do that? I have the neccesary css ready for the individual links, but I'm still unsure of how to get it to the Menu-control.. The css I have looks like below and in its current form is intended just for the anchors
[Code]....
I have a drop down list embedded in a menu panel in my master page. This ddl fetches it's list items from my SQL Server. They are:
1. Select a type --appended during page load
2. Green type -- fetched from SQL server via a datasource
3. Red type -- fetched from SQL server via a datasource
4. User Manual -- appended during page load
For the sake of simplicity my website has 4 pages. When the 'Select a type' list item is selected - the user should be taken to a general 'Introduction' page. When the 'Green type' - the user should be taken to a 'Green' page - and etc.
i want to implement an accordion control to the left navigation menu. The Main title on left menu called Activities is standard so i have hard coded it. The subtitles I want to pull from the database , from the stored procedure "Activity_Get". however i am not able to achieve this because I get an error "DataSource 'sds2 ' for control 'accActivities' doesn't exist". The following is the aspx code.
<div>
<asp:ScriptManager
ID="asm"
runat="server"
/>
<div>
<table
cellpadding="0"
cellspacing="0"
width="100%"><tr>
<td
class="highlightstitle"
style="width:180px;height:500px"
valign="top">
<aj1:Accordion
ID="accLeftMenu"
runat="server"
SelectedIndex="-1"
HeaderCssClass="navlink3" HeaderSelectedCssClass="navlink2"
ContentCssClass="subnav"
AutoSize="None"
FadeTransitions="true" TransitionDuration="250"
FramesPerSecond="40"
RequireOpenedPane="false"
SuppressHeaderPostbacks="true">
<Panes>
<aj1:AccordionPane
ID="acpEdu"
runat="server"
>
<Header>...........
I'm using asp.net and css to style a master page with navigation at the top. I was hoping to add the login status control in as a menu item but it is not allowed. Can someone point me in the right direction? When I post my code on this forum do I have to include tags?
View 4 Replies[Code]....
I want to be able to make the first line blank, in this case "about us" and still keep the same dyamtic alignment on my nav menu. Right now, if i take the "about us" title text out, it messy up my dyamtic or on hover nav menu. What would be best is i can replace those letters with spaces but it won't work with just blanks. Any idea on how i would not display the "about us" but keep everything as is?
How can I add a logout link to my navigation menu. I have horizontal dropdown menu.
View 1 Repliesplayed w/ visual web developer 2010 and liked the template that i was given by creating a new project using the "asp.net web application visual basic" However my company is using visual studio 2008 and we are not upgrading anytime soon. So i'm trying to remake that template in visual web developer 2008. I've got 90% of it transfered and working, the styles and master.site and all work, except the menu. It's like the CSS isn't carying over right, the drop downs work on mouse over but I don't have the nice puffy buttons that change background color when i mouse over. I've dug though the css and asp code and can't find anything thats not linking up. Does anyone have any idea how to get this last 10% figured out?
<div class="clear hideSkiplink">
<asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">
<Items>
<asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"/>
<asp:MenuItem Text="Obituaries" Value="Obituaries">
<asp:MenuItem Text="Recent" Value="Recent"></asp:MenuItem>
I am having a problem with my menu. My navigation menu gets created with data from different tables in a database. When the page loads after a few minutes the navigation menu disappears from page. Does anyone have had this problem or knows how to fix it?
View 3 RepliesSite developed in VS2010, using Framework 4. I upgraded from a VS 2005, Framework 2.I have a master page with a Navigation Menu set to Horizontal Orientation. When most of the pages on my site are renders, the Nav Menu briefly displays as Vertical before displaying as Horizontal. It ususally takes less than a second, but looks ugly from a user stand point. Anyone else run into (and fix) something like this?
[Code]....
How to achieve the below using frames in asp.net?
[URL] ....
The menu in the navigation bar is static.
I've buit a menu functionallity in my MVC app where you can add/remove and modify navigation items:
this is what it looks like in the database (the key thing to notice here is URL field where i'm storing all Area/Controller/Action/Param values.
Now, on the front end I would like to built <UL><LI> menu from the db.
How would I know what page I'm on so that I can add class "current" to <li>. If for example I'm in "http://localhost/Admin/Admins/Dashboard" how would i know it applies to /Admin/Dashboard AND /Admin/Dashboard/Index?
-another thing. how would i handle params. For example when I'm on page /Admins/ContactUs/Edit/32 - how would i match this to /Admin/ContactUs/Edit/ ?
Im building a navigation and want to display the current page (Default.aspx, OtherPage.aspx) the user is on with a class.Right now I just have a bunch of links as <a> tags.Here is a my menu:
[Code]....
As you can see the Default.aspx has the class active, but that is just something I put in.How do I do this dynamically?I know I can use Path.GetFileName(Request.FilePath) to get what page the user is on.
Error Populating Dynamic Navigation Menu
[Code]....