AlternateText attribute not displaying on images inside of ToolTip

2 posts, 0 answers
  1. Drew
    Drew avatar
    1 posts
    Member since:
    Apr 2017

    Posted 06 Apr 2017 Link to this post

    I have an image inside of a RadToolTip. While everything is functional, the ToolTip displays, and all of the content, I cannot add AlternateText to the image.

    It is an asp:Image control:

    <telerik:RadToolTip ID="RadToolTip1" runat="server" RelativeTo="Element" TargetControlID="myImage" Skin="Default" EnableShadow="true" Position="BottomRight" AutoCloseDelay="1000" Sticky="true" IgnoreAltAttribute="true">
        <h2>An image with alt text</h2>
        <asp:Image ID="Image1" runat="server" ImageUrl="~/Path/To/Image.jpg" AlternateText="Here is description of the image" />
    </telerik:RadToolTip>

     

    I am aware of the IgnoreAltAttribute property but this only refers to the image clicked to open the ToolTip, not images inside of the ToolTip.

    How can I prevent alt text from being removed from the contents of the ToolTip?

    Any help is appreciated.

  2. Marin Bratanov
    Admin
    Marin Bratanov avatar
    4087 posts

    Posted 10 Apr 2017 Link to this post

    Hello Drew,

    I have answered your support ticket with the same question and I am pasting my response here for anyone else having a similar issue:


    This seems to work fine for me with the following code, and I am attaching a short video that demonstrates this behavior.

    Can you confirm there is no other code on the page that handles the alt attribute? It could be a RadToolTipManager with AutoTooltipify set to true.

    <telerik:RadScriptManager ID="Scriptmanager1" runat="server" />
    <asp:Image ID="myImage" ImageUrl="~/images/Circle_Green_20.png" runat="server" />
    <telerik:RadToolTip ID="RadToolTip1" runat="server" RelativeTo="Element" TargetControlID="myImage" Skin="Default" EnableShadow="true" Position="BottomRight" AutoCloseDelay="1000" HideEvent="LeaveTargetAndToolTip" IgnoreAltAttribute="true">
        <h2>An image with alt text</h2>
        <asp:Image ID="Image1" runat="server" ImageUrl="~/Path/To/Image.jpg" AlternateText="Here is description of the image" />
    </telerik:RadToolTip>


    Regards,

    Marin Bratanov
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top