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
Could you please send me isolated sample that is showing the issue.
Looking forward to hearing from you.
I will look into this next week
I am glad that I've managed to help you with this.
thanks, this is what I needed
Kind Regards
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.
http://jsfiddle.net/dimitrideproft/0d7ro202/1/
can you try if this example works