CODEWITHSUNDEEP
polymerweb-component
ShrikarC
ShrikarC

Reputation: 65

How do I hook paper-tabs and core-animated-pages together?

I've been going over Rob Dudson's I/O talk (at 27:00) and trying to use core-animated-pages with paper-tabs.

When I click the tab, I would like some respective content to be shown, with the animation.

I tried to follow Rob's approach of using the designer, but somehow I do not get the 'selected' property in the properties panel. The polymer docs cover tabs and animated-pages separately, so I don't know how I can get them to work together.

Can someone point me in the right direction?

Upvotes: 3

Views: 1083

Answers (2)

phtn458
phtn458

Reputation: 505

core-animated-pages works with div tags. Then just add addEventListener to select the page.

Here is a working example (jsfiddle): Click here.

Upvotes: 1

CletusW
CletusW

Reputation: 3980

There is a bug in the currently deployed designer tool that prevents certain bindable attributes from being displayed in the properties pane. It has been fixed in master, so the next time the Polymer team deploys the tool, it should fix your problem.

In the meantime, you could install the tool using bower install Polymer/designer#master to get the fixed version locally.

Upvotes: 2

Related Questions