Show ToolTip onhover of RadMenuItem

[Kate]

Hi There,

I am trying to display a tooltip when a dynamically generated RadMenuItem is hovered over.

I'm using RadToolTipManager and am successfully populating the TargetControls list for each MenuItem using its CliemtID.

However whilst I can display a tool tip when testing with a simple Button the Menu is not triggering the AjaxUpdate at all. I believe this is due to the way the menu items are rendered (without an acutal ID).

I am not currently using a template for my menu and would prefer not to if I can get away with it.

Please let me know if there's a way to do this without templating my menu.

Cheers,

Kate

[Svetlina Anati]

Hello Kate,

You can achieve what you need in two basic manners:

1) add "fake" IDs on the server and add them to the TargetControls collection
2) use the RadToolTipManager client-side API and create the tooltips on the client when the item is hovered.

You can find demos which show the both approaches with a other RadControls below (no matter the controls are different, the tooltipifying logic is the same as in your case):

http://demos.telerik.com/aspnet-ajax/tooltip/examples/tooltiptreeview/defaultcs.aspx
http://demos.telerik.com/aspnet-ajax/tooltip/examples/tooltipcalendar/defaultcs.aspx

Please, examine teh demos, choose teh approach which better suits your scenario and use the sample code as a start point. In case you experience problems or you have additional questions, do not hesitate to contact us again.

Greetings,
Svetlina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[smriti]

can you post your code here for using radtooltip on radmenuitem? i am able to successfully create tooltips for radmenuitems but the tooltip always shows up on the upper left corner of the screen. Not sure what setting would set the tooltip to show up next to the radmenuitem.

[Svetlina Anati]

Hello smriti,

 To control where the tooltip should show you should set the following properties:

1) RelativeTo - this determines relative to what the tooltip should show and in your case if you want the tooltip to show next to the item you should explicitly set RelativeTo=" Element" (the default value is Mouse). A sample demo where you can test different settings online is available below:

http://demos.telerik.com/aspnet-ajax/tooltip/examples/relativeto/defaultcs.aspx

2) Position - this determines the position and in your case I assume that setting MiddleRight or MiddleLeft will meet your requirements. A configurator demo is available here:

http://demos.telerik.com/aspnet-ajax/tooltip/examples/default/defaultcs.aspx

I hope that my reply is helpful, let me know how it goes.

Greetings,
Svetlina
the Telerik team

[smriti]

I have set the RelativeTo="Element" and Position="MiddleRight" properties. I am currently using a radtooltip. But the tooltip still shows on the top left corner of the screen. 

[Svetlina Anati]

Hello smriti,

In the common case these settings achieve exactly what you need and thus there is probably something else which causes the issue in your application. Would you please provide some sample, fully runnable reproduction code which demonstrates your configuration and can be directly run? If it is possible, you can also provide a live url along with detailed reproduction steps.

Once we have a better understanding on your exact setup and what is actually going on we will do our best to help.

Best wishes,
Svetlina
the Telerik team

[smriti]

The solution to my issue is in the following post in case anyone else needs it. Thanks for your help!

http://www.telerik.com/community/forums/aspnet/menu/radtooltip-for-radmenuitem.aspx#1440728