This is a migrated thread and some comments may be shown as answers.

Tile effect issue with click event

2 Answers 90 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Gaetano
Top achievements
Rank 1
Gaetano asked on 15 Feb 2013, 09:26 AM
Hi, 
I found an issue with an implementation of the tile effect...
if I place a clickable object on the back side of the tile, that makes the tile disappear, when I get the tile back it shows both the front and the back side! (just if I keep the pointer over the tile during the animation!)

here a sample of code:
http://jsbin.com/ecadez/16/  

and I also made a video demonstrating this issue.
http://www.screencast.com/t/SZt7WZGGbny 


Thanks
Fabio

2 Answers, 1 is accepted

Sort by
0
Accepted
Alexander Valchev
Telerik team
answered on 19 Feb 2013, 01:44 PM
Hi Fabio,

If you keep the pointer over the tile, the effect animation will start which will misplace the back side of the tile.
To avoid this you should clear the CSS transform and display properties of the element.
$("#sec2 p").on("click", function () {
    $("#sec2").hide("slide", 500, function () {
      $("#sec1").show("slide", 500);
      $(".description").css({
        transform: "",
        display: ""
      });
    });
});

For your convenience I updated the example: http://jsbin.com/ecadez/18/edit
Note that I also updated the KendoUI version used in the example.

Regards,
Alexander Valchev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Gaetano
Top achievements
Rank 1
answered on 19 Feb 2013, 01:53 PM
Ok thanks, that seems to work!
Tags
General Discussions
Asked by
Gaetano
Top achievements
Rank 1
Answers by
Alexander Valchev
Telerik team
Gaetano
Top achievements
Rank 1
Share this question
or