[pratiti]

Hello,

I need to integrate page turn effect when page changes in Multipage widget.
I need something like, turn.js.

Please suggest how can I achieve the same.

[AdamRogan]

do you want the turn effect for when you change page or for something in the page?

[pratiti]

I want it for, when I change page.

[pratiti]

More precisely, I want a curl transition to show page change.

[Code_A]

It appears to me that the transition effects are built into the phoneui (phoneui.js) and therefore M1 is limited to the ones listed below “out-of-the-box”. I would think you would need to add your turn code to this file in order to programmatically call the transition from within M1.

phoneui.transitions = {
    none : 'NONE',
    fade : 'FADE',
    flipRight : 'FLIP_RIGHT',
    flipLeft : 'FLIP_LEFT',
    slideRight : 'SLIDE_RIGHT',
    slideLeft : 'SLIDE_LEFT',
    slideUp : 'SLIDE_UP',
    slideDown : 'SLIDE_DOWN'
};

Here is how you can programmatically change pages through code using a multipage widget.

phoneui.gotoMultiPagePage('m1-<your-file-name>-multiPage', 'SET_PAGE', 'm1-<your-file-name>-page1', 'FADE');

Not sure if this is helpful or not…

[pratiti]

Thanks for answering.

But I’m looking for Curl transition, these mentioned above can be achieved through design centre also. Something like this.

http://www.turnjs.com

[pratiti]

Thanks for answering.

But I’m looking for Curl transition, these mentioned above can be achieved through design centre also. Something like this.

http://www.turnjs.com

[support-michael]

As @Code A shared there is no curl transition effect. You might be able to implement this yourself but I’m not familiar with how turn.js or similar libs work. I’ll try to give turn.js a look in the next few days.

[pratiti]

Okay, thanks.

[Author]

Posts