Dear,
I'm using the grid to display products, (image, name , brand,.....) the image is shown using a template ("<img class='supersmallImage' src='${I}") + "'>"))
And this works just fine. However , I want to enlarge the image on hover.
I tried, http://stackoverflow.com/questions/11769212/enlarging-images-when-mouseover-using-jquery , but I think the grid is somehow stopping the hover event on the image.
Is there a way to do what I want.
Kind regards
Hello Michael,
Thank you for contacting us.
In order to investigate this issue I have created a sample for you, although everything works as expected. Could you please take a look and let me know if I am missing something from your scenario.
Code snippet:
..............
I seem to have misplaced this post, I'm using the ignite UI grid.
Sorry
I will look into this next week
http://jsfiddle.net/dimitrideproft/0d7ro202/1/
can you try if this example works
Hello,
I have modified your sample in order to implement this functionality:
http://jsfiddle.net/0d7ro202/6/
Basically I have changed to use events 'mouseenter' and 'mouseleave' events and also I use delegate after the grid is rendered in order to attach the event appropriately.
thanks, this is what I needed
Kind Regards
I am glad that I've managed to help you with this.