Show ToolTip onhover of RadMenuItem

7 posts, 1 answers
  1. Kate
    Kate avatar
    3 posts
    Member since:
    Nov 2008

    Posted 29 Oct 2009 Link to this post

    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
  2. Answer
    Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 03 Nov 2009 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. smriti
    smriti avatar
    34 posts
    Member since:
    Aug 2010

    Posted 15 Nov 2010 Link to this post

    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.
  5. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 18 Nov 2010 Link to this post

    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
    Browse the vast support resources we have to jumpstart your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  6. smriti
    smriti avatar
    34 posts
    Member since:
    Aug 2010

    Posted 19 Nov 2010 Link to this post

    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. 
  7. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 24 Nov 2010 Link to this post

    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
    Browse the vast support resources we have to jumpstart your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  8. smriti
    smriti avatar
    34 posts
    Member since:
    Aug 2010

    Posted 01 Dec 2010 Link to this post

    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
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017