Web Forms

Re: Menu Control - Use OnClick instead of OnMouseOver

NickLocke — Mon, 07 Dec 2009 21:11:19 GMT

This looked like exactly what I wanted to do --- forcing the user to click rather than mouseover. I have implemented the code exactly as suggested, but saw no difference in the rendering.

With a bit of debugging, I got my hands on the HTML string in the Render method - and there lies my problem.

I am using .NET4 and there is no "onmouseover" code anywhere to be seen.

I'm guessing that it has been buried away in an ASD resource somewhere.

Any clues?

Thanks

Re: Menu Control - Use OnClick instead of OnMouseOver

nuwan_dammika — Thu, 27 Aug 2009 06:19:36 GMT

Thanks alot. It heleped me in big way

Re: Menu Control - Use OnClick instead of OnMouseOver

skkulla — Mon, 15 Sep 2008 17:20:51 GMT

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

Re: Menu Control - Use OnClick instead of OnMouseOver

Rodashar — Fri, 05 Sep 2008 16:05:34 GMT

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.

Re: Menu Control - Use OnClick instead of OnMouseOver

Mak1234 — Fri, 05 Sep 2008 15:51:57 GMT

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.

Re: Menu Control - Use OnClick instead of OnMouseOver

Rodashar — Thu, 04 Sep 2008 20:12:51 GMT

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" ...>

Re: Menu Control - Use OnClick instead of OnMouseOver

Mak1234 — Thu, 04 Sep 2008 17:39:15 GMT

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

Re: Menu Control - Use OnClick instead of OnMouseOver

Rodashar — Thu, 04 Sep 2008 16:02:06 GMT

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.

Re: Menu Control - Use OnClick instead of OnMouseOver

Mak1234 — Thu, 04 Sep 2008 15:33:25 GMT

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

Re: Menu Control - Use OnClick instead of OnMouseOver

Rodashar — Wed, 03 Sep 2008 16:00:31 GMT

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?

Re: Menu Control - Use OnClick instead of OnMouseOver

Mak1234 — Wed, 03 Sep 2008 14:16:49 GMT

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.

Re: Menu Control - Use OnClick instead of OnMouseOver

Rodashar — Wed, 22 Aug 2007 21:47:51 GMT

Glad I could be of help :D

Re: Menu Control - Use OnClick instead of OnMouseOver

larrydotnet — Wed, 22 Aug 2007 21:37:04 GMT

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.

Re: Menu Control - Use OnClick instead of OnMouseOver

Rodashar — Thu, 26 Jul 2007 21:23:08 GMT

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

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);

}

Menu Control - Use OnClick instead of OnMouseOver

larrydotnet — Thu, 26 Jul 2007 20:14:16 GMT

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.