Tooltip with RadBinaryImage

[Marlon Santos]

Hi,

I am trying to use a RadBinaryImage control inside a RadTooltip control so that I can display a bigger version of a picture but it doesn't work. Below is a snippet of code of what I am trying to do. I got this suggestion from one of the threads in the forum. It seemed simple enough to try, but it doesn't work for me; maybe I am missing something.

The actual image content comes from a linq datasource.

 

<telerik:GridTemplateColumn AllowFiltering="false" HeaderText="Image" ReadOnly="True">

 

 

<ItemTemplate>

 

 

<telerik:RadBinaryImage runat="server" ID="RadBinaryImage1" DataValue='<%# Eval("ImageContent") %>'

 

 

AutoAdjustImageControlSize="false" Width="40" Height="40" ToolTip='<%#Eval("ImageDescription", "{0}") %>'

 

 

AlternateText='<%#Eval("ImageDescription", "{0}") %>' />

 

 

<telerik:RadToolTip runat="server" ID="RadToolTip1" TargetControlID="radBinaryImage1"

 

 

Position="Center">

 

 

<telerik:RadBinaryImage runat="server" ID="radBinaryImage2" DataValue='<%#Eval("ImageContent") %>'

 

 

AutoAdjustImageControlSize="false" Width="200" Height="200" ToolTip='<%#Eval("ImageDescription", "{0}") %>'

 

 

AlternateText='<%#Eval("ImageDescription", "{0}") %>' />

 

 

</telerik:RadToolTip>

 

 

</ItemTemplate>

 

 

<HeaderStyle HorizontalAlign="Center" />

 

 

<ItemStyle HorizontalAlign="Center" />

 

 

</telerik:GridTemplateColumn>

 

I thank you fo any help I can get.

Marlon.

[Svetlina Anati]

Hi Marlon Santos,

I see form your code that the target image has ID=RadBinaryImage1, while the tooltip has TargetControlID=radBinaryImage1. Note, that the casing matters and thus you should use the very same IDs.

Please, correct the IDs and the casing to match and let us know how it goes.

All the best,
Svetlina
the Telerik team

[Marlon Santos]

Hi Svetlina,

I did realize that after I had submitted it. But it still doesn't work. THe tool tip comes up but no image shows up only the text from the property ToolTip='<%#Eval("ImageDescription", "{0}") %>'.

Here is the code Snippet again:

 

 

<telerik:GridTemplateColumn AllowFiltering="false" HeaderText="Image" ReadOnly="True">

 

 

 

 

 

<ItemTemplate>

 

 

 

 

 

<telerik:RadBinaryImage runat="server" ID="RadBinaryImage1" DataValue='<%# Eval("ImageContent") %>'

 

 

 

 

 

AutoAdjustImageControlSize="false" Width="40" Height="40" ToolTip='<%#Eval("ImageDescription", "{0}") %>'

 

 

 

 

 

AlternateText='<%#Eval("ImageDescription", "{0}") %>' />

 

 

 

 

 

<telerik:RadToolTip runat="server" ID="RadToolTip1" TargetControlID="RadBinaryImage1"

 

 

 

 

 

Position="Center" Height="200" Width="200">

 

 

 

 

 

<telerik:RadBinaryImage runat="server" ID="RadBinaryImage2" DataValue='<%#Eval("ImageContent") %>'

 

 

 

 

 

AutoAdjustImageControlSize="false" Width="200" Height="200" ToolTip='<%#Eval("ImageDescription", "{0}") %>'

 

 

 

 

 

AlternateText='<%#Eval("ImageDescription", "{0}") %>' />

 

 

 

 

 

</telerik:RadToolTip>

 

 

 

 

 

</ItemTemplate>

 

 

 

 

 

<HeaderStyle HorizontalAlign="Center" />

 

 

 

 

 

<ItemStyle HorizontalAlign="Center" />

 

 

 

 

 

</telerik:GridTemplateColumn>

 

 

 

Thanks,

Marlon.

[Petio Petkov]

Hello Marlon Santos,

At present "title" has priority over innercontent, so if you remove  RadBinaryImage1's ToolTip and AlternateText everything should be fine, e.g.

<telerik:GridTemplateColumn AllowFiltering="false" HeaderText="Image" ReadOnly="True">
                        <ItemTemplate>
                            <telerik:RadBinaryImage runat="server" ID="RadBinaryImage1" DataValue='<%# Eval("Data") %>'
                                AutoAdjustImageControlSize="false" Width="40" Height="40"/>
                            <telerik:RadToolTip runat="server" ID="RadToolTip1" TargetControlID="RadBinaryImage1" Skin="Black"
                                Position="Center" Height="200" Width="200">
                                <telerik:RadBinaryImage runat="server" ID="RadBinaryImage2" DataValue='<%#Eval("Data") %>'
                                    AutoAdjustImageControlSize="false" Width="200" Height="200" ToolTip='<%#Eval("Description", "{0}") %>'
                                    AlternateText='<%#Eval("Description", "{0}") %>' />
                            </telerik:RadToolTip>
                        </ItemTemplate>
                        <HeaderStyle HorizontalAlign="Center" />
                        <ItemStyle HorizontalAlign="Center" />
                    </telerik:GridTemplateColumn>

Let us know if you have any other questions.

Kind regards,
Petio Petkov
the Telerik team