Do I tile-cascade custom elements within core-animated-pages?

[Owen Corso]

I am trying to replicate the slide-up and tile-cascade transitions seen here using this jist with the polymer designer tool

The difference here is I want to use custom elements instead of tags. I created custom elements for each page and placed them all within a core-animated-pages.

I want all a grid of cards inside one of the pages to tile-cascade down and the core-scroll-header to slide-up just like in the above jist but every way I try to nest the tags to put the transition attributes on the desired children, nothing works. The only thing that works is setting the core-animated-pages transitions attribute to "cross-fade-all." It's been tricky finding documentation/examples on tile-cascade.

• Example site: http://marissageoffroy.ored.net
• Github repo: https://github.com/ocorso/marissageoffroy

There was something in the documentation about putting transition attributes no deeper than a grand-child but not the direct child of core-animated-pages but I couldn't get all the child cards to tile-cascade if they were within a custom element (ie portfolio).

Any help would be GREATLY appreciated. I also need help with hero-transition. I have no idea how that works but it looks cool :)

~Owen

[Owen Corso]

This gist isolates the issue with tile-cascade:

Designer Preview

Namely, title-cascade is not working. Cross-fade, slide-up and slide-down work flawlessly. What am I missing?

~Owen

[Arthur Evans]

Hi Owen,

This puzzled me, too, until I cracked open the tile-cascade file:

https://github.com/Polymer/core-animated-pages/blob/master/transitions/tile-cascade.html

Look in there, and you'll see that the transitions require each tile to be a <div>.

The quick solution here is just to wrap each of your core-cards in a <div>.

There is an open issue about this: https://github.com/Polymer/core-animated-pages/issues/14

You might want to follow that issue for updates.

Thanks,

Arthur

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...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/379f6374-11f9-44ac-8fb3-421506b23b86%40googlegroups.com.

For more options, visit https://groups.google.com/d/optout.

[Owen Corso]

Cool, thanks arthur!