Hello,

I have a page where I am using tooltips to change items like this:

Contact E-mail: me@somewhere.com   change  <--clicking change brings up a tooltip with the textbox to change the e-mail address.

I have a conundrum.  Using the tooltip with RenderInPageRoot set to false, my tooltip will appear in the incorrect position, then "jump" up next to the element. This is due to the way my styles are defined, and unfortunately I cannot change them.  However, ajax postbacks work great in this scenario.

However, if I use RenderInPageRoot=true, the tooltip shows up perfectly next to the element, but then I get the behavior where Ajax will work on the first postback, not on the next, then again on the next.  So it alternates between partial and full postbacks.

Here is a snippet of the code:


Here is the AjaxManager setup (pnlContactInfo surrounds all the code that you see in the snippet above):


Here is the javascript function that is called when the user clicks the "Change" button:



And here is the code-behind that is happening on save:



Any help would be greatly appreciated.

Thanks,
Gene

Svetlina

Thank you very much for your answer.  Your solution would work, but I actually found another solution as well.  What had caused the jumping of the tooltip was the fact that the containing element had its CSS position set to relative (so the positioning of the tooltip was being messed up).  In my original post, I said I couldn't mess with the styles, but I found that this position was not necessary, and was able to remove it.  Thus, I was able to remove RenderInPageRoot=true from the tooltips, and they show up correctly next to the elements and Ajax works.  However, thank you for your suggestions, as I'm sure I will run into this situation again, and I will keep those in mind for when I might not be able to change the styles.

Thanks!
~Gene

Hi,

I am experiencing a similar situation using RadTooltips inside of a RadGrid.  My grid and tooltips are all created programatically using the ITemplate / InstantiateIn method.  Do you have any suggestions for moving programatically generated tooltips outside of their parent controls (in this case, from the RadGrid during databinding) and onto the top level of the page?  I'm having trouble finding a proper way to do this.

Thanks,
Paul

Hello Paul,

Generally you cannot modify the global controls collection in databound events, especially if you are using AJAX. You first need to make sure that the place you wish to add the tooltips to is going to be updated on the client. You can also declare an asp Panel, for example where you will add the tooltips, for example




If you run this code you will get a tooltip at the bottom of the page with some subsequent number depending on your datasource (note it will be only one, as there cannot be more than one visible tooltip on the page in any given time).

Please also note that this works in a rather simple scenario and I cannot guarantee it is possible in all cases. Adding controls to the page is quite a generic task and the RadToolTip does not differ from a regular asp control in this regard - dynamically created instances should be recreated after postbacks, it needs to be added to a parent in order to function, etc. just like a button for example.

All the best,
Marin
the Telerik team

Marin,

Thanks for your reply.  I've been working on a solution similar to this.  So, how would I attach the tooltips to target controls on the RadGrid though? I've seen people in other threads doing something similar to "e.Item.FindControl" in the OnDataBound and OnItemCreated grid events, but so far I haven't had any luck finding child controls of the grid in this manner.

I don't suppose there is a way to fire a custom event from my custom GridItemTemplate.....?

Thanks,
Paul

Hi Paul,

I am not sure exactly what your scenario and code is, yet I advise that you examine carefully the following help article on programmatically creating a grid:
http://www.telerik.com/help/aspnet-ajax/grid-programmatic-creation.html
If you are doing this correctly you should be able to find the controls in the OnItemDataBound event.
You can also examine the code-behind from this online demo which adds target controls to a RadToolTipmanager. You can use the same approach to provide them for the separate tooltips.


All the best,
Marin
the Telerik team