Identifying the selected image server side

[Todd A]

I am displaying a number of images in thumbnail area with DisplayAreaMode="ToolTip".

Then a user clicks an image, it selects the thumbnail and shows the tooltip with a larger image.  Works great!

When the tool tip goes away, the thumbnail is still selected -- how would I get the selected Thumbnail on the server side?

Thanks,
Todd.

[Eyup]

Hello Todd,

You can achieve the requested functionality using the following approach:

<telerik:RadImageGallery ... >
    <ClientSettings>
        <ClientEvents OnNavigating="imageNavigate" />
    </ClientSettings>
</telerik:RadImageGallery>
<asp:HiddenField ID="HiddenField1" runat="server" />

JavaScript:

function imageNavigate(sender, args) {
    $get('<%= HiddenField1.ClientID %>').value = args.get_itemIndex();
}

C#:

protected void Button1_Click(object sender, EventArgs e)
{
    int index = 0;
    if (int.TryParse(HiddenField1.Value, out index))
    {
        ImageGalleryItem item = RadImageGallery1.Items[index] as ImageGalleryItem;
        string value = item.ImageUrl;
        // execute custom logic
    }
}

Hope this helps. Please give it a try and let me know if it works for you.

Regards,
Eyup
Telerik

 

 

[Todd A]

Works great! Thanks!