how to show subitem of the menu on only clicking the parent menu not on mouse over

Question

5.00/5 (1 vote)

See more:

Hi I want that when i take the mouse over the menu, I dont want to show submenu.the submenu should only be display on clicking the parent item. I have writen code as

XML

<asp:Menu ID="Menu1" runat="server" BackColor="#FFFBD6" DynamicHorizontalOffset="2"
           Font-Names="Verdana" Font-Size="0.8em" ForeColor="#990000" Orientation="Horizontal" StaticSubMenuIndent="10px" Style="z-index: 112; left: 205px;
           position: absolute; top: 14px">
           <StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
           <DynamicHoverStyle BackColor="#990000" ForeColor="White" />
           <DynamicMenuStyle BackColor="#FFFBD6" />
           <StaticSelectedStyle BackColor="#FFCC66" />
           <DynamicSelectedStyle BackColor="#FFCC66" />
           <DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
           <StaticHoverStyle BackColor="#990000" ForeColor="White" />
       </asp:Menu>
   and in the code behinde file as   protected void Page_Load(object sender, EventArgs e)
   {
       if (Page.IsPostBack == false)
       {
           DataTable dt = new DataTable();
           DataTable dt1 = new DataTable();

           // DataTable dt2 = new DataTable();

           TextBox3.Visible = false;
           Label3.Visible = false;
           Label2.Text = "Password";
           // Menu m = new Menu();
           string cn = "Data Source=hcl;Initial Catalog=mydata;Integrated Security=True";
           SqlConnection con = new SqlConnection(cn);
           SqlCommand cmd = new SqlCommand("select parentname,id from menu ", con);
           con.Open();
           cmd.CommandType = CommandType.Text;
           SqlDataReader dr = cmd.ExecuteReader();
           dt.Load(dr);
           for (int count = 0; count < dt.Rows.Count; count++)
           {

               MenuItem mnuLinkItem = new MenuItem();
               mnuLinkItem.Text = dt.Rows[count]["parentname"].ToString();
               mnuLinkItem.Value = dt.Rows[count]["id"].ToString();
               string menuid = mnuLinkItem.Value;
               // mnuLinkItem.NavigateUrl = datatable.Rows[count][1].ToString();

               Menu1.Items.Add(mnuLinkItem);

               string str = "select subname from submenu where subid=" + menuid + "order by menuorder asc";
               SqlCommand cmd1 = new SqlCommand(str, con);
               cmd1.CommandType = CommandType.Text;
               SqlDataReader dr1 = cmd1.ExecuteReader();
               dt1 = new DataTable();
               dt1.Load(dr1);

               int count2 = dt1.Rows.Count;
               for (int j = 0; j < count2; j++)
               {

                   MenuItem mnuLinkItem1 = new MenuItem();
                   mnuLinkItem1.Text = dt1.Rows[j]["subname"].ToString();
                   mnuLinkItem.ChildItems.Add(mnuLinkItem1);
                   // mnuLinkItem.NavigateUrl = datatable.Rows[count][1].ToString();

                   // mnuLinkItem1.ChildItems.AddAt(count2, mnuLinkItem1); //meun.Items.Add(mnuLinkItem);
                   //Menu1.Items.AddAt(count2, mnuLinkItem1);
                   //dr2.Close();
               }


           }
           con.Close();

       }
   }

Please help I want a exact code for it please help..

Posted 29-Sep-10 6:51am

software_Engi08

Updated 29-Sep-10 7:32am

Abhinav S

v2

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

William Jordan · Answer 1 · 2010-10-01T03:35:00

Here is a blog post that shows a solution where you override the menu javascript on your page:

This treat is for those that really hate how the ASP.NET Menu works. The menu shows the sub-menu when the user hovers the mouse over the root level menu items. This can get annoying especially if you accidentally pass the mouse over the menu when trying to click something inside the page. This can be really frustrating from a usability point of view especially when developing Web Applications (not just websites).
So, the following javascript will override the default behavior of the menu and show the second level of menu items only when the user clicks on the first (root) level menu items.

ASP.NET Menu, Click instead of Hover[^]

An alternative solution would be to create class that inherits from Menu and override the render replace the javascript emitted:

//Override the Render method to replace the onmouseover
protected override void Render(HtmlTextWriter writer) {

StringBuilder stringBuilder = new StringBuilder();
StringWriter stringWriter = new StringWriter(stringBuilder);

HtmlTextWriter htmlWriter = new HtmlTextWriter(stringWriter);
base.Render(htmlWriter);

string html = stringBuilder.ToString();
html = html.Replace("onmouseover=\"Menu_HoverStatic(this)\"", "onclick=\"Menu_HoverStatic(this)\"");

writer.Write(html);

}

anamikas · Answer 2 · 2013-09-30T18:51:00

Solution 2

I have overridden the render method in a custom control, but sub menu is still not displaying when the parent menu is clicked. Pls help.

Posted 30-Sep-13 18:51pm

anamikas