Alt of the anchor image not showing up

2 posts, 0 answers
  1. Rishi
    Rishi avatar
    43 posts
    Member since:
    Feb 2010

    Posted 10 Jun 2014 Link to this post


    I have a img tag to which i am associating a RadToolTip using th ToolTip Manager using the following settings..

    <telerik:RadToolTipManager ID="TestToolTip" runat="server" HideEvent="ManualClose"
    MouseTrailing="false" EnableEmbeddedSkins="false" ShowCallout="true" Animation="None"
    Width="500" Height="300" ContentScrolling="Y" ShowEvent="OnClick" Position="BottomRight"
    Skin="Ciena" RelativeTo="Mouse" HideDelay="500">
    <WebServiceSettings Method="xxx" Path="xxx" />

    <img id="testID" alt="View Details" runat="server" src='~/images/test1.gif' style="cursor: hand;border:0"/>

    And binding the tooltip to img in the backend using

    TestToolTip.TargetControls.Add(testID.ClientID, "Test", true);

    The RadTooltip itself loads and shows just fine.. but we want to show title/alt text on the anchor img tag to allow users to know what the image means.. like a normal html tooltip.. i tried with both title and alt properties but they are not showing for the img.. 

  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 11 Jun 2014 in reply to Rishi Link to this post

    Hi Rishi,

    Please do the following modification in your code which works fine at my end. In order to show the Title of image as ToolTip, Please try to show the RadToolTip from JavaScript as follows.

    <asp:Panel ID="PageContent" runat="server">
        <telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" Animation="Slide"
            RelativeTo="BrowserWindow" OffsetX="20" OffsetY="20" ShowCallout="false" Position="BottomRight" Width="240px" Height="90px" ShowEvent="FromCode">
            <WebServiceSettings Method="GetMailMessagesCount" Path="ToolTipWebService.asmx">
                <telerik:ToolTipTargetControl TargetControlID="PageContent" Value="1"></telerik:ToolTipTargetControl>
        <img id="testID" title="View Details" alt="View Details" runat="server" src="~/Images/Black_Plus.png" onclick="CheckMessageCount(this); return false;" style="cursor: hand; border: 0" />

    <script type="text/javascript">
        function CheckMessageCount() {
            $find("<%=RadToolTipManager1.ClientID %>").get_tooltips()[0].show();

Back to Top