I cut the following snippet from one of my current projects. The following
text is saved inside your-module.html
<link rel="import"
href="../bower_components/neon-animation/neon-animated-pages.html">
<link rel="import"
href="../bower_components/neon-animation/neon-animations.html">
<dom-module id="your-module">
<template>
<neon-animated-pages entry-animation="fade-in-animation"
exit-animation="fade-out-animation">
<neon-animatable>
The first animated page goes here
</neon-animatable>
<neon-animatable>
The second animated page goes here
</neon-animatable>
</neon-animated-pages>
</template>
</dom-module>
On Tuesday, May 19, 2015 at 11:21:02 AM UTC-4, Vincent Uribe wrote:
>
> Hi everybody!
>
> Does anyone have a working example of a neon-animated-pages? I guess this
> element will replace the core-animated-pages I (heavily) used in the
> project I'm migrating.
>
> I use it like that :
> <neon-animated-pages id="content" valueattr="hash">
> <div hash="page1">Page 1</div>
> <div hash="page2">Page 2</div>
> <div hash="page3">Page 3</div>
> </neon-animated-pages>
>
> Some js...
> this.$.content.selected = 'page' + value.uid;
>
> If I put a on-selected-changed I can see the changed occurs but the
> transition does not occur.
>
> Thanks!
>
Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups
"Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/polymer-dev/ad986323-a862-498a-b4d3-1221376579bb%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
