RadToolTipManager is not rendering to correct Positio

[Savan]

Hi,

I am using RadToolTipManager in sharepoint web part with SPGridView & Ajax.
on gridView_RowDataBound, I am adding controls in RadToolTipManager 

void gridView_RowDataBound(object sender, GridViewRowEventArgs e)
        {
            try
            {
                if (e.Row.RowType == DataControlRowType.DataRow)
                {
                    string ID = DataBinder.Eval(e.Row.DataItem, "ID").ToString();
                    Label lbl = (Label)e.Row.FindControl("lblFieldName");
                    RadToolTipManager1.TargetControls.Add(lbl.ClientID, ID, true);
                }
            }
            catch(Exception ex)
            {

            }
        }

This is my first column in Grid.
So when I hover mouse on the first column. ToolTip is appearing.
But only problem is that, When I hove mouse first time on column,
ToolTip appear on Left Bottom position relative to page and not with grid column.

But next time it will appear at correct position. i.e. On First Grid Column.
This is my code, how I added RadToolTipManager in web part

                RadToolTipManager1 = new RadToolTipManager();
                RadToolTipManager1.AjaxUpdate += new ToolTipUpdateEventHandler(RadToolTipManager1_AjaxUpdate);
                RadToolTipManager1.RelativeTo = ToolTipRelativeDisplay.Mouse;
                RadToolTipManager1.Position = ToolTipPosition.BottomRight;               
                RadToolTipManager1.HideEvent = ToolTipHideEvent.ManualClose;
                this.panel.Controls.Add(RadToolTipManager1);

Please reply,
Thanks
Savan

[Svetlina Anati]

Hi Savan,

I am not completely sure what might be causing the problem but I assume that one possible reason could be that you have not provided explicit size to the RadToolTipManager. If this is so, it is expected that the first time the tooltip cannot position correctly because the manager cannot predict how large the content should be and tries to resize according to it. Next time the tooltip is shown, the manager is already aware of the size of the content and that is why the tooltip is positioned correctly. This being said, please set the width and height of the RadToolTipManager explicitly and test again whether this fixes the issue. If this is not the case, please prepare a sample reproduction demo (use Northwind or a fake data source for the grid), open a new support ticket and send it to me along with detailed reproduction steps, explanations and a few screenshots and I will do my best to help.


Greetings,
Svetlina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Bieters Bieters]

I recieved this via support. Maybe helpful for somebody else:

Put this on RadTooltipManager control:
Width="50px" OnClientResponseEnd="TooltipResponseRecieved"

Add this javascript code to the page:
function TooltipResponseRecieved(tooltipMngr, args) {
            var current = Telerik.Web.UI.RadToolTip.getCurrent();
            if (current) {
                var popupElement = current.get_popupElement()
                if(popupElement)
                {
                    popupElement.style.width = "";     
                }
                  
                var tableElement = current._tableElement;
                if (tableElement) {
                    tableElement.style.width = "";
                }
            }
        }