Forums

Hi All,

I have a fiddle that tests the slideLeft and slideRight view transitions of the app framework (3.5.0): http://jsfiddle.net/simongilligan/bWaSK/

If you select (in sequence) page 2 and then page 3, the transition is slideLeft. From page 3 if you select page 2 and then 1, the transition is slideRight.

slideLeft works as I expect, slideRight doesn't.

slideRight swaps the 2 views at the beginning of the transition, completes the slideRight, and then swaps the 2 views back. I've slowed down the transition so the behaviour is easy to spot.

My question - is this intended behaviour? Am I using slideRight in a context it's not mean to be used?

PS. this also shows problems with chrome (ver 19, osx) handling the transitions.

Simon,

I made two changes to your Fiddle to make it work:
http://jsfiddle.net/ericf/RcX6h/

1) `render: true` is not supported in the Y.App constructor, so I'm explicitly calling `app.render()` before the first call to `showView()`.

2) The sliding transition are tricky and I'm not 100% satisfied with how they're implemented :-/ The `slideRight` transition depends on the new view being prepended to the `viewContainer` node instead of appended. So I set the `prepend: true` option, more on that here:
http://yuilibrary.com/yui/docs/app/#und ... ew-options

I hope that helps, and I want to make the transition easier to use and smoother in future releases. I anticipate it being a process that involves continuous tweaking.

No worries. I hope to eventually make it so you don't have to specify the `prepend: true` option.