Tooltip on Masterpage

[Kurt Kluth]

Have a user control to simply contains a Tooltip that I would like loaded on my Master page.  Stepping through the code I can see it is loaded with data and if I hover over my icon it will show the tooltip however the tooltip only contains static text, not the loaded values. 

Page_help.ascx

<%@ Control Language="VB" AutoEventWireup="false" Inherits="FMS4.X.Common_Page_Help" Codebehind="Page_Help.ascx.vb" %>

<telerik:RadToolTip runat="server" ID="RadToolTip1" Width="400px" ShowEvent="onmouseover"
                                        RelativeTo="Element" Animation="Resize" TargetControlID="HelpImg" IsClientID="false"
                                        HideEvent="ManualClose" Position="TopRight" Overlay="True" EnableDataCaching ="True">
    <table>
        <tr><td style="text-align: center;" class="Header1"><asp:Label ID="PageTitle" runat="server"></asp:Label></td></tr>
        <tr><td style="text-align: justify;"><asp:Label ID="PageDesc" runat="server" Text="Label"></asp:Label></td></tr>
        <tr><td> </td></tr>
        <tr><td style="text-align: center;" class="Header1">Page Help</td></tr>
        <tr><td style="text-align: justify;"><asp:Label ID="PageHelp" runat="server" Text="Label"></asp:Label></td></tr>
    </table>
</telerik:RadToolTip>

Master page

<%@ Register Src="~/Common/Page_Help.ascx" TagName="PageHelp" TagPrefix="uc1" %>

<div style="text-align:right; width: 98%; vertical-align: middle;">
     <telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" />
          <uc1:PageHelp ID="PageHelp" runat="server" />
          <asp:Image ID="HelpImg" runat="server"  ImageUrl="~/images/help-icon.png" AlternateText="Page Help" />
</div>

[Marin Bratanov]

Hi Kurt,

The first and foremost task of RadToolTip is to replace browser tooltips. Thus, if its target has a title or alt attribute, they will take precedence over the content between its tags: http://www.telerik.com/help/aspnet-ajax/tooltip-content.html. Thus, you should remove the AlternateText of the asp:Image. When the tooltip initializes it will remove it from the markup anyway.

I would also advise on setting expected dimensions for the control as explained in the first section here: http://www.telerik.com/help/aspnet-ajax/tooltip-troubleshooting-common-issues.html.

On a side note - you do not need to set Overlay to true unless you have heavy weight objects that may hide the tooltip (PDFs, Silverlight, Flash) around the target.

Also, the EnableDataCaching property is specific to the tooltip manager and will not have effect on a RadTooltip.


Regards,

Marin Bratanov
Telerik

 

 

[Kurt Kluth]

Thank you removing those items mentioned worked just great.