Make scrollview item flip like a card?

Thread is closed for posting
4 posts, 0 answers
  1. Brad
    Brad avatar
    8 posts
    Member since:
    Mar 2014

    Posted 20 Jun 2014 Link to this post

    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.
  2.
  3. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2598 posts

    Posted 25 Jun 2014 Link to this post

    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!

     
  5. Darren
    Darren avatar
    1 posts
    Member since:
    Jul 2014

    Posted 10 Jul 2014 in reply to Brad Link to this post

    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

  7. stephanic
    stephanic avatar
    1 posts
    Member since:
    Mar 2015

    Posted 24 Mar 2015 Link to this post

    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.
  8.
Back to Top