This is a migrated thread and some comments may be shown as answers.

AlternateText attribute not displaying on images inside of ToolTip

1 Answer 313 Views
ToolTip
This is a migrated thread and some comments may be shown as answers.
Drew
Top achievements
Rank 1
Drew asked on 06 Apr 2017, 12:47 PM

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.

1 Answer, 1 is accepted

Sort by
0
Marin Bratanov
Telerik team
answered on 10 Apr 2017, 08:48 AM

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.
Tags
ToolTip
Asked by
Drew
Top achievements
Rank 1
Answers by
Marin Bratanov
Telerik team
Share this question
or