PDA

View Full Version : How to implement flip (turn page not slide page) effects like jpageflipper??



linuxyf
19 Jan 2012, 8:27 PM
How to implement flip (turn page) effects like jpageflipper (http://jpageflipper.codeplex.com/)

mitchellsimoens
20 Jan 2012, 7:13 AM
There is quite a bit of CSS that goes into that.

linuxyf
29 Jan 2012, 5:06 PM
mitchellsimoens (http://www.sencha.com/forum/member.php?22216-mitchellsimoens) , can you give me a css reference link?

digeridoopoo
30 Jan 2012, 1:18 AM
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...

TommyMaintz
30 Jan 2012, 11:25 AM
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.

Stan W.
7 Feb 2012, 4:55 AM
you can use some special services or software that creates these flippingbooks.
they usually work not only on ios

zambadu
8 Mar 2012, 9:39 AM
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...

flipbook
27 May 2012, 11:06 PM
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.