Hi everyone,

Is there a way to display submenues by just clicking the parent menu insted of the default behavior (mouse over it) in the Menu Control?

I need to prevent showing the menu structure when the user moves over the menu, it is very confusing to have submenues displayed the the user just need to move the mouse to reach another page option.   Please is you know to to do that please let me know.

The real click event needs to be just on the the leaf menu (last one of each structure).

Please, give me some advise.

Thanks.

What you could do is create a custom user control and add a Menu control to it. Then in the code override the render method and replace the onmouseover with the onclick. (Example below). The only troble with this would be if you were using the SiteMap to fill your menu. If the SiteMapNodes have a NavigateUrl assigned then they may use the onclickevent. I'd have to look into this further. I'm not sure what you would do for closing the menu. I guess you could just leave the on mouseout and it would work. In theory you'd just call the same javascript function and it should work. Let me know if this helps.

//Override the Render method to replace the onmouseover

StringBuilder stringBuilder = new StringBuilder();

HtmlTextWriter htmlWriter = new HtmlTextWriter(stringWriter);

string html = stringBuilder.ToString();

Thank you very much.  What i did was to create a class that inherits from Menu and overrided the Render metohd using your code.  that worked for me.

Glad I could be of help :D

Hi,

   My requirement is also same. I need to display menu on Onclick event of mouse in my ASP.Net 2.0 application. But when I tried as you suggested it doesnt work for me. I have just render method into my masterpage wher actually menu is display but it is not showing mwnu on ONCLICK event.

MAK.

 You have to make sure to create a custom control and inherit the asp.NET menu control. You have to override the render method in your new custom control and not the master page. Can you include your code so I can take a look at what your doing?

Hi,

      Thanks for your reply. Yes, I was trying to override in masterpage, I think that was my mistake. But I really dont have much experience about custom control. Can you please send some sample code for custom control which implement .Net menu class so that I can modify it for my purpose. OR can you please send me any Url where I can find abt how to implement menu in custom control using .Net 2.0 and c#. If this is dome then I can override render method in cstom control.

Thanks,

MAK

What you have to do is right click on your project file and select add new item. Select the class object and name it whatever you want and click Add. Visual Studio may tell you that it is a good idea to put classes in the App_Code folder. Just click yes and go on your marry way. You should now have a class that looks like the snippet below

Public Class CustomWebMenu
   
End Class

Typically I would add some import statements for System.Web.UI.Webcontrols. Now you have to add the Inherits statement to let the class use the existing menu controls features. so your class would look like this

Imports System.Web.UI.WebControls

Public Class Class1
    Inherits Menu

End Class

Once you have added this you can add the render code in the previous post reference your new control and vola! I hope that helps.

Hi,

     Thanks for reply,

               Upto this I was already had some code implemented but main thing is how to dynamically populate data and how to reference this class into a .aspx page ?  Should I create new project for custom control OR just add new class into existing web project ?  If I have add only a class file as you suggested then how to give reference of this new class into a .aspx page ?

I am very much new in custom control so may be these are very basic question for you. But please answer me in detail.

Thanks,

MAK

 I would put the code in a single class file in your asp.NET project. In order to register the control with the page you want to use it on you need to add a Register tag to the top of you .aspx page. It would look like this.

<%@ Register NameSpace="ControlNamespace" TagPrefix="cc1" %>

I used a namespace in my control so I referenced it like this. Not sure how to do it without a namespace but adding a namespace is easy so it's a non issue. then to add your control to the page you would open a tag and enter cc1: it would look kinda like this

<cc1:NameOfYourClass id="CustomControl1" ...>

Hi Rodashar,

                This is really helpful for me.  Just one more thing can you send me the sample code to render the actual menu and submenu dynamically from XML file OR may be from database. and How I can render it in custom control ? I need to render menu and submenu in custom control to test whether onClick is working or not.

 Thanks,

MAK.

 I personally use the sitemap and sitemap datasource objects. You must first add and setup a sitemap object. see here (http://msdn.microsoft.com/en-us/library/yy2ykkab.aspx) for more information on the sitemap object. Once you have the site map setup just add a sitemap data source object to your .aspx page and set the menus DataSourceID property to the newly added sitemapdatasource.

I was trying to achieve the same thing by creating custom control and override the render but when i click my parent node menu on my menu control the page gets refreshed but submenu does not show up.

Can you please let me know why its happening.

Thanks

Thanks alot.  It heleped me in big way