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

Make scrollview item flip like a card?

3 Answers 78 Views
General Discussion
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Brad
Top achievements
Rank 1
Brad asked on 20 Jun 2014, 02:27 PM
So I'm trying to build a UI where there is a scrollview of informational "Cards." The user can swipe between them left<->right, but what would be really cool is if you could tap the card and it would flip over and show you the "back" which would be another view containing more information. Then you could always close or flip back and you'd be right there in your scrollview still.

Anyone think this is possible or have ideas on implementation? I tried a few different things, but I could not achieve anything close to the desired result.

3 Answers, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 25 Jun 2014, 11:05 AM
Hi Brad,

I am afraid that such functionality cannot be supported at the moment. It requires complex implementation that will handle all the touch gestures for the different functionality of the ScrollView. In general the native ScrollView component does not have such functionality and this is why the Kendo UI ScrollView does not have it as well.

Regards,
Kiril Nikolov
Telerik
 

Share what you think about AppBuilder and Telerik Platform with us in our feedback portal, so we can become even better!

 
0
Darren
Top achievements
Rank 1
answered on 10 Jul 2014, 07:49 AM
HI,

You can probably achieve what your after with some css.

http://davidwalsh.name/css-flip

Demo here

http://davidwalsh.name/demo/css-flip.php

0
stephanic
Top achievements
Rank 1
answered on 24 Mar 2015, 05:36 AM
Hi,

You can probably achieve what your after with some css.
However you can see more from [http://www.completepdfsolultions.com/flip-builder.php] as I have also get the information from here when I faced the same situation.
Tags
General Discussion
Asked by
Brad
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Darren
Top achievements
Rank 1
stephanic
Top achievements
Rank 1
Share this question
or