Tooltip in a grid in UI for ASP.NET AJAX ToolTip

Julia Shah

47 posts

Member since:
Sep 2012

Posted 11 Feb 2008 Link to this post

Hi,

I am looking for a code sample that would help me with this scenario:

I have a grid that shows a list of help desk tickets. I would like to show a tooltip with the ticket description on a mouse over the grid row. I don't want a callback to happen, but would like to load the tooptip contents on client side using a hidden column of the grid. Is it possible? If so, could you post a code example?

Thanks,
Julia

Julia Shah

47 posts

Member since:
Sep 2012

Posted 13 Feb 2008 Link to this post

If it's not possible to load the tooptip contents on client side, I would still appreciate a code sample for showing a tooltip on mouse over (over the grid row). Thanks.

Svetlina Anati

Admin

2795 posts

Posted 13 Feb 2008 Link to this post

Hi Julia,

I suggest you to use this demo for a base - it demonstrates a scenario which is similar to yours. Feel free to modify it in order to meet your requirements.

Sincerely yours,
Svetlina
the Telerik team

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

Julia Shah

47 posts

Member since:
Sep 2012

Posted 13 Feb 2008 Link to this post

I've seen this demo, but unfortunately was not able to modify it to my needs. In that demo a static tooltip is opened, and I need to show info specific to a selected row. How do I determine which row is selected?

Tsvetie

Admin

1517 posts

Posted 15 Feb 2008 Link to this post

Hello Julia Shah,
You can find the row with javascript, but the approach is not very clear. Generally, you can just add the content between the opening and closing tags of the RadToolTip:

    
            <telerik:RadToolTip ID="RadToolTip1" runat="server"   
        
                IsClientID="true" Width="200px" Height="200px" Title="Description">  
        
                This is the category - <%# DataBinder.Eval(Container, "DataItem.CategoryName") %> for product -  
        
                 <%# DataBinder.Eval(Container, "DataItem.ProductName") %>.  
        
            </telerik:RadToolTip>

I have attached a simple page, demonstrating my idea. In case this is not what you are after, let us know, and we will guide you through the process of setting the content of the tooltip in this case with javascript.

All the best,
Tsvetie
the Telerik team

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

BindToolTipContent.zip

Michael Von Foerster

16 posts

Member since:
Oct 2007

Posted 03 Mar 2008 Link to this post

Hi, I have asked this question on the asp.net grid forum,
but maybe this is a more appropriate place (and maybe i'll get a response :)

It is really an extension of the above asked question:

Is it possible to mix the tooltip with the old grid and old rad ajax manager?
I tried and was getting strange namespace errors.

Tervel

Admin

1337 posts

Posted 04 Mar 2008 Link to this post

Hello Michael,

Yes, it is possible to use RadToolTip with RadGrid "Classic".
There is one problem with it - when the RadGrid's own built-in AJAX is used to update the grid content area. The AJAX methods do not "inform" the rest of the page (e.g. the tooltip manager) that partial update occured, so the tooltip manager does not "know" that it should re-tooltipify the grid.
However, the problem is easily worked around by setting the RadGrid EnableAJAX = "false", and wrapping the grid into an UpdatePanel.

In case you are not able to get your project running, please open a support ticket and send us your project. We will examine it and make corrections so that it compiles properly.

Regards,
Tervel
the Telerik team

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