This is a migrated thread and some comments may be shown as answers.

RadToolTip popup disappears in Chrome

6 Answers 166 Views

ToolTip

This is a migrated thread and some comments may be shown as answers.

6 Answers, 1 is accepted

answered on 16 Sep 2010, 12:45 PM

Hi peter joel,

You can reposition a tooltip in the following manner;

function OnClientBeforeShow(sender, args)

{

sender.set_offsetX(10);

sender.set_offsetY(10);

}

If this does not help, please provide sample reproduction code which is fully runnable along with very detailed explanations and screenshots and we will do our best to help.

All the best,
Svetlina
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items

answered on 16 Sep 2010, 01:30 PM

Hi,

Sorry your code didn't work.

I tried to attach my solution but your website doesn't allow that. Please provide me your email if you need full solution or here are the steps to reproduce the problem. It will only take 2 minutes.

1) Just create a new website in VS 2010. Copy the following code in default.aspx and web.config.

2) Add a reference to Telerik.Web.UI.dll (Q3 2009) and run the default.aspx in chrome.

PROBLEM: The tooltip will be ok if you mouseover the table cells but it lose it's relative position once you scroll down the page and then mouseover the cells. Sometimes it won't appear and sometimes it will appear at the top of page.

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"

CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">

</asp:Content>

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

<script type="text/javascript">

function showToolTip(element, text) {

var tooltipManager = $find("<%= ToolTipManager1.ClientID %>");

//If the user hovers the image before the page has loaded, there is no manager created

if (!tooltipManager) return;

//Find the tooltip for this element if it has been created

var tooltip = tooltipManager.getToolTipByElement(element);

//Create a tooltip if no tooltip exists for such element

if (!tooltip) {

tooltip = tooltipManager.createToolTip(element);

tooltip.set_text(text);

}

//Let the tooltip's own show mechanism take over from here - execute the onmouseover just once

element.onmouseover = null;

tooltip.set_animation("Fade");

//show the tooltip

tooltip.show();

}

function Tooltip_OnBeforeShow(sender, eventArgs) {

sender.set_offsetX(10);

sender.set_offsetY(10);

}

</script>

<telerik:RadScriptManager runat="server" ID="ScriptManager1"></telerik:RadScriptManager>

<h2>

Telerik Tooltip disappers in chrome Telerik Q3 2009.

</h2>

<p>

<br /><br /><br /><br /><br /><br /><br /><br /><br />

<table>