Tooltip on image hover

2 posts, 0 answers
  1. BoaMike
    BoaMike avatar
    2 posts
    Member since:
    Sep 2009

    Posted 31 Mar 2015 Link to this post

    I'm trying to figure out how I can display a tooltip when hovering over an image.  I'm using advanced binding and fetching the data from a database.  I would like the tooltip to contain information from the datasource.  I'm using this in the context of Sitefinity 7.3 which is using version 2014.3.1209 of RadControls, so I can't use an ItemTemplate.  Any ideas on how this can be achieved?
  2. Angel Petrov
    Angel Petrov avatar
    1076 posts

    Posted 03 Apr 2015 Link to this post


    Currently the RadImageGallery control does not support such functionality. In order to implement this you can use our RadToolTipManager and create a tool tip dynamically on the client as demonstrated here. The general idea behind such an implementation would be to attach a hover event handler for the RadImageGallery image area(example provided below), get the currently selected item(for that purpose you can use - get_selectedItem()) and generate a tool tip.

    function pageLoad() {
        $telerik.$('.rigActiveImage').hover(function () {
            var imageGallery = $find('<%=RadImageGallery1.ClientID%>');
            var selectedItem = imageGallery.get_selectedItem();
            var imageTitle = selectedItem.get_title();
               // generate tool tip

    Angel Petrov

    See What's Next in App Development. Register for TelerikNEXT.

Back to Top