ToolTip doesn't render CSS

[Joshua]

I just upgraded an app from 2008 to 2009.1.527.35.

The tooltips no longer render properly in IE 8 or FF (I haven't tested the other browsers).

A few things:

• The width is no longer working
• The Skin doesn't load (and I'm using your built-in Vista skin; I've also tried some of your other skins)
• I've tried setting EnableAjaxSkinRendering to "false"
• I've also tried copying the skin to my working path, loading the css manually with <link />, and setting EnableEmbeddedSkins to "false"

None of these work.  The tooltip is inside a panel bar.  The 2008 version worked perfect.

Please help.

Joshua

[Martin]

Hello Joshua,

It was announced a couple of weeks prior to the release of Q1.2009 that we have introduced breaking changes in the rendering and the CSS class names of RadControls for ASP.NET AJAX, and exactly these changes are the reason for the broken skins. Please, check the following blogposts to learn how to proceed and to convert your skin:

http://blogs.telerik.com/tervelpeykov/posts/09-02-23/radcontrols_for_asp_net_ajax_receive_a_major_face-lift.aspx
http://blogs.telerik.com/tervelpeykov/posts/09-03-20/using_pre-q1_2009_skins_with_q1_2009.aspx

Best wishes,
Martin Ivanov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Joshua]

Martin,

I'm using the built-in Vista skin - this isn't a custom skin.  I've also tried some of your other skins and none of them work.

I know that I've read on the forums that in the 2009 release you guys changed how CSS was delivered through AJAX and that others have had similar problems.

Maybe you've changed something within how the control should be implemented.  Take a look at a sample and see if I'm doing anything incorrectly.

<td valign="bottom" align="left" style="padding-top:3px;">External Domain?</td>
<td valign="top" align="left" style="padding-top:3px;"><asp:CheckBox ID="extDomainCB" runat="server" RegClient="true" Width="256" onclick="extDomainClicked(this);" /> <a href="#" id="extDomainsTip" style="margin-top:2px;margin-left:5px;"><img src="/images/commands/info.png" /></a>
    <telerik:RadToolTip runat="server" ID="RadToolTip6" Width="200" AutoCloseDelay="10800" TargetControlID="extDomainsTip" IsClientID="true" OffsetY="4" HideEvent="Default" Animation="Fade" Position="BottomLeft" RelativeTo="Element" Skin="Vista" OnClientBeforeShow="checkEnabled">
        <div style="font-size:12px;padding:5px;">
            If you would own a domain, but it does not reside on our server (i.e. it points to a third-party website), check this box.
            <br /><br />
            By adding your domain into the database, you give permission for that domain to use features of this system such as the lead capture and monitoring capabilities.
            <br /><br />
            NOTE: If this is checked, the Redirect and Sitemap are disabled.
        </div>
    </telerik:RadToolTip>
</td>

Again, the style doesn't render nor is the width followed.  So The tooltips are incredibly wide across the screen.

Please respond promptly.  We're trying to release out upgraded project this week.

Thanks,
Joshua

[Joshua]

You know,  I got up this morning an "reloaded" the page (didn't change a thing) and it works.  Who knows, maybe it was a quirky IE cache thing.  I hate IE.

Thanks anyways.

[Nik]

When in doubt, Ctrl F5. ;)