1. 19 Jan 2012 8:27 PM #1
    linuxyf
    linuxyf is offline
    Sencha User
    Join Date
    Oct 2010
    Posts
    80
    Vote Rating
    0
    linuxyf is on a distinguished road
      0  

    Default How to implement flip (turn page not slide page) effects like jpageflipper??

    How to implement flip (turn page not slide page) effects like jpageflipper??


    How to implement flip (turn page) effects like jpageflipper (http://jpageflipper.codeplex.com/)
    Reply With Quote Reply With Quote
  2. 20 Jan 2012 7:13 AM #2
    mitchellsimoens
    mitchellsimoens is offline
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    St. Louis, MO
    Posts
    33,710
    Vote Rating
    436
    mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of
      0  

    Default


    There is quite a bit of CSS that goes into that.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    http://www.JSONPLint.com - Source to lint your JSONP!

    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is almost in print!

    When posting code, please use BBCode's CODE tags.
    Reply With Quote Reply With Quote
  3. 29 Jan 2012 5:06 PM #3
    linuxyf
    linuxyf is offline
    Sencha User
    Join Date
    Oct 2010
    Posts
    80
    Vote Rating
    0
    linuxyf is on a distinguished road
      0  

    Default


    mitchellsimoens , can you give me a css reference link?
    Reply With Quote Reply With Quote
  4. 30 Jan 2012 1:18 AM #4
    digeridoopoo
    digeridoopoo is offline
    Sencha User
    Join Date
    Aug 2011
    Location
    London
    Posts
    328
    Vote Rating
    10
    digeridoopoo will become famous soon enough
      0  

    Default Digeridoopoo

    Digeridoopoo


    Have you seen wink toolkit? Similar to sencha touch but with some extra effects...like page flip.
    Not sure how well they will play together though as I haven't tried it...
    Reply With Quote Reply With Quote
  5. 30 Jan 2012 11:25 AM #5
    TommyMaintz
    TommyMaintz is offline
    Sencha - Sencha Touch Dev Team
    Join Date
    Mar 2007
    Location
    Haarlem, Netherlands
    Posts
    1,235
    Vote Rating
    4
    TommyMaintz will become famous soon enough
      0  
    Send a message via MSN to TommyMaintz Send a message via Yahoo to TommyMaintz Send a message via Skype™ to TommyMaintz

    Default


    The reason why we haven't implemented these flip like transitions yet is because they won't work on anything other then iOS. Android has some serious issues with css transforms, causing the whole page to flicker and form fields to randomly break. We wanted to provide transitions out of the box that work across all devices. We might add some iOS only plugins later with support for 3d transitions.
    Reply With Quote Reply With Quote
  6. 7 Feb 2012 4:55 AM #6
    Stan W.
    Stan W. is offline
    Sencha User
    Join Date
    Feb 2012
    Posts
    1
    Vote Rating
    0
    Stan W. is on a distinguished road
      0  

    Default


    you can use some special services or software that creates these flippingbooks.
    they usually work not only on ios
    Reply With Quote Reply With Quote
  7. 8 Mar 2012 9:39 AM #7
    zambadu
    zambadu is offline
    Sencha User
    Join Date
    Mar 2012
    Posts
    1
    Vote Rating
    0
    zambadu is on a distinguished road
      0  

    Default


    I have the same demand.
    And found this JQuery-driven flipper: http://builtbywill.com/code/booklet/, it works fine on Android (Gingerbread & Ice-Cream-Sandwich) and iOS5.

    But how can I put this together with Sencha? As custom animation? No Idea...
    Reply With Quote Reply With Quote
  8. 27 May 2012 11:06 PM #8
    flipbook
    flipbook is offline
    Sencha User
    Join Date
    May 2012
    Posts
    2
    Vote Rating
    0
    flipbook is on a distinguished road
      0  

    Default Re: How to implement flip effects

    Re: How to implement flip effects


    I know the page flip effect can be made via freeware like Codebox, Flipsnack, flip page software(http://bit.ly/ymDrhl ) etc from PDF files.
    Reply With Quote Reply With Quote