Tooltip not quite working in Right To Left

[Russell]

When the html has a dir of rtl the tooltip does not appear at the correct position. It seems to jump to the very far left.

Is there an issue with rtl if so any ideas on a workaround.

Regards
Russell

[Svetlina Anati]

Hi Russell,

We examined the reported problem and we found out that it occurs only under IE and not under other browsers.

We will continue working on providing rtl support for the RadToolTip and for the time being we offer you to include the following script in your page as a workaround:

 Telerik.Web.UI.RadToolTip.prototype.old_setPopupVisible = Telerik.Web.UI.RadToolTip.prototype._setPopupVisible;
    Telerik.Web.UI.RadToolTip.prototype._setPopupVisible = function(x, y)
    {
        //FIX RTL problem in IE
        var popup = this.get_popupElement();
        popup.style.top = "0px";
        popup.style.left = "0px";
        this.old_setPopupVisible(x,y);
    };

Sincerely yours,
Svetlina
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Paulo Goncalves]

Hi I think that have the same problem.

I create a tooltip relative to window. At IE6 work well but at FF and IE7 when the text is greater then screen(auto wrap) the left side is out of screen. I don´t understand where put the workaroun script sugest at post above, I put at my .aspx but receive JS error.

Here the teste.aspx to reproduce the problem

<%

@ Page Language="VB" AutoEventWireup="false" CodeFile="Teste.aspx.vb" Inherits="Teste" %>

<%

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

<!

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<

html xmlns="http://www.w3.org/1999/xhtml">

<

head runat="server">

<title>Untitled Page</title>

</

head>

<

body>

<form id="form1" runat="server">

<asp:ScriptManager ID="ScriptManager1" runat="server" >

</asp:ScriptManager>

<div>

<asp:Button ID="Button1" runat="server" Text="Mouse over here to show tooltip" />

<telerik:RadToolTip runat="server" ID="TextoDigitadoRadToolTip" ManualClose="true" RelativeTo="BrowserWindow"

IsClientID="true" Animation="Slide" TargetControlID="Button1"

ShowCallout="false" Sticky="true" Text=" I have a big texto to auto wrap in 2 or more lines, bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla" >

</telerik:RadToolTip>

</div>

</form>

</

body>

</

html>

You can test at the link
http://docvirt.no-ip.com:8080/doreader.net/teste.aspx

Thanks

Paulo

[Svetlina Anati]

Hello Paulo,

I already answered your support thread but for your convenience and for others who may encounter the same problem I pasted my reply below:

The RadToolTip control is not implemented to work in such particular scenario but we will consider to implement this.

What I can suggest is to choose from one of the following options:

1. Explicitly set the RadToolTip's Width property to the desired value.
2. Do not set so long text as RadToolTip's content.

Kind regards,

Svetlina

the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.