There shouldn't be any js needed, just make sure you have the required elements imported:

<link rel="import" href="../bower_components/neon-animation/neon-animations.html"> <link rel="import" href="../bower_components/neon-animation/neon-animatable.html"> <link rel="import" href="../bower_components/neon-animation/neon-animated-pages.html">


On a related note, I tried doing the same thing with elements using app-header-layout and the animation is awful (very janky and has visual bugs such as the app-header not taking the full width until the animation is finished), is there any way around that?

On 09/15/2016 02:10 PM, Stefan Muke wrote:
Hey,
Is it possible to use paper-tabs to swich between neon-animated pages? I followed this <https://www.polymer-project.org/1.0/blog/routing> blog post to write the following code that should work according to the tutorial, however, it doesn't.

|
...
<paper-tabs selected="{{data.tabName}}"attr-for-selected="key" sticky>
<paper-tab key='foo'>Foo</paper-tab>
      <paper-tab key='bar'>Bar</paper-tab>
<paper-tab key='baz'>Baz</paper-tab>
    </paper-tabs>
</app-header>


<app-location route="{{route}}"></app-location>
<app-route route="{{route}}"pattern="/tabs/:tabName"data="{{data}}"></app-route>

<neon-animated-pages selected="{{data.tabName}}"
                     attr-for-selected="key"
                     entry-animation="slide-from-left-animation"
exit-animation="slide-right-animation">
<neon-animatable key='foo'>Foo</neon-animatable>
      <neon-animatable key='bar'> Bar </neon-animatable>
<neon-animatable key='baz'>Baz</neon-animatable>
    </neon-animated-pages>
|

I tried to use data-binding from paper-tabs in the app-header to neon-animatable-pages, is there still some js required?

Thanks in advance,
Stefan
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 polymer-dev+unsubscr...@googlegroups.com <mailto:polymer-dev+unsubscr...@googlegroups.com>. To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/46431d0f-a45c-40d9-84bd-017ab4685258%40googlegroups.com <https://groups.google.com/d/msgid/polymer-dev/46431d0f-a45c-40d9-84bd-017ab4685258%40googlegroups.com?utm_medium=email&utm_source=footer>.
For more options, visit https://groups.google.com/d/optout.

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 polymer-dev+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/polymer-dev/bbe1fadf-7145-ef44-7838-f223dc32fc64%40gmail.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to