radajaxmanager and tooltip

[Piyush Bhatt]

I read many threads about adding Tooltip in grid and using Tooltip with ASP update panel.

Now, if I want to use Tooltip in Grid, using Tooltip manager is the only best way? In case of Tooltip manager it calls does AjaxUpdate - means its going to call a server method. Now, when the page is rendered first time, it gets all the info that should be displayed in tooltip as well as the grid. So, going to Server for that does not sound like a good idea to me.

Also, going to server and then finding out each and every information back again from GridRow seems a lot of work as per the examples. Like manipulating Ids etc.

I used Tooltip without manager in grid and it displays the tooltip fine. But as soon as I put RadAjaxManager in the page - the tooltip does not get displayed.

Let me know what approach should I take?
- Do I have to use Tooltip Manager?
- If Yes, can I avoid AjaxUpdate call?
- Is there a way I can do this by Javascript by writing onmouse over for all the target controls?
- Is it possible that the tooltip control be in an ASP Panel (in each row of grid) and then placing this panel within tooltip control either from server side or from client side?

Thanks,
Piyush.

[Tsvetie]

Hi Piyush,
No, you don't have to use RadToolTip manager. Whether you should use a RadToolTip or a RadToolTip manager with the grid, depends only on your particular scenario. You should not have problems just adding the RadToolTip to a template of a grid column.

In case you use the RadToolTip manager and do not handle the AjaxUpdate event, you will not get a callback before a tooltip opens. In this case the tooltip will show the value of the Title/Tooltip attribute of the tooltipified element.

Generally, the RadToolTip control uses the onmouse over event. For setting the content of the RadToolTip, you can use its OnClientShow client event.

I am afraid I do not understand you last question - "Is it possible that the tooltip control be in an ASP Panel (in each row of grid) and then placing this panel within tooltip control". You cannot have a tooltip inside another tooltip as you cannot have two tooltips open at the same time. In case you mean that you want to place the content of the tooltip inside an ASP Panel and move that panel to the tooltip once it opens - yes you can. However, in case you need not go to the server to execute some code, you can just add that content between the opening and closing tags of the RadToolTip, just as we have done for the RadToolTip3 in this example:

<telerik:RadToolTip runat="server" ID="RadToolTip3"
     Sticky="true"
     Position="MiddleRight"
     Width="150px"
     Height="70px"
     Animation="Fade"
     ShowEvent="OnClick"
     ShowDelay="0"
     RelativeTo="Element"
                        TargetControlId="lbSelectedLanguages">
                            <asp:CheckBoxList ID="cblLanguages" runat="server" CellSpacing="0" CellPadding="0">
                                <asp:ListItem Text="English" Value="en"></asp:ListItem>
                                <asp:ListItem Text="German" Value="de"></asp:ListItem>
                                <asp:ListItem Text="French" Value="fr"></asp:ListItem>
                            </asp:CheckBoxList>
                            <asp:Button ID="Button1" runat="server" Text="Select" OnClientClick="InsertLanguages(); return false;" />
     </telerik:RadToolTip>

Regards,
Tsvetie
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Piyush Bhatt]

Thank you for all above.

When I put my Grid (with tooltips inside) in  RadAjaxPanel - it works fine. But when I declare the grid as 'update control' from RadAjaxManager (and not use the RadAjaxPanel) - then the tooltip does not work.

If I use RadAjaxPanel - my whole page with search criteria and results get refreshed. If I use RadAjaxManager - then I can use it to refresh only the grid.

By the way, in previous mail - I had a typo - I meant content within tooltip control. And you have already mentioned that in your mail. Thanks.

[Tsvetie]

Hello Piyush,
I am not quite sure what you mean by saying "the tooltip does not work". Do you mean that the tooltip does not open at all? Do you get an error - if yes, what is that error?

Unfortunately, you do not mention which control you decided to use - RadToolTip or RadToolTip manager, and how you use it. That is why I cannot test your exact scenario on my side. Generally, there is only one scenario that I know, that leads to problems - RadToolTip manager is specified as an updated controls in the AjaxSettings collection of the RadAjaxManager, and you have handled the AjaxUpdate event of the RadToolTipManager. If this is your case, our developers are currently working on this one, but we cannot provide a workaround. You can, for example, wrap just the RadGrid and RadToolTip manager in an UpdatePanel with UpdateMode set to "Conditional". Have a look at this topic for a reference.

In case my assumption is incorrect, it would be best if you could prepare and send us a simple running project, demonstrating the problem.

Greetings,
Tsvetie
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Piyush Bhatt]

I use RadGrid. Within a column I use a RadTooltip (not manager). and within template of the RadTooltip I put some content from Data Bind item.

When I place this grid with AjaxPanel - everything works fine - even after ajax refresh.

When I use AjaxManager and indicate RadGrid as a target control for update, then the Grid refreshes but the Tooltip never displays (even after mouse hovering the control).

That's what the issue was.

[Tsvetie]

Hi Piyush,
I prepared a simple page, based on the provided information - please find it attached. I used the 2007.3.1314.20 version of the Prometheus suite to test your scenario, but could not reproduce the problem you describe. Could you please check whether you can reproduce the problem using this page on your side and in case you can, provide the steps we need to follow in order to reproduce it on our side?

Otherwise, please make the necessary modifications the my test page, so that it reproduces the problem and send is back to us. Once we have a test project, we will do our best to help you.

All the best,
Tsvetie
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center