You can use template repeat to create multiple tabs. See: http://jsbin.com/tubuxe/2/edit
On Sun, Aug 17, 2014 at 3:13 AM, Marco Magnetti <[email protected]> wrote: > Inserisci qui il codice... > > Works fine!! i have used this solution to implement a preformatted > "activity" into my web applicaton. > so: > > this is my *preformatted activity*: > > <polymer-element name="stc-activity"> > <template> > <link rel="stylesheet" href="style.css"/> > <core-header-panel class="activity-panel" mode= > "waterfall-tall"> > <core-toolbar id="toolbar" class="core-header"> > <paper-icon-button id="navicon" icon="menu" on-tap= > "{{navTapped}}"></paper-icon-button> > <div id="act-title" flex> > <content select=".actTitle"></content> > </div> > <!--TODO System Menu --> > <paper-icon-button icon="search"></ > paper-icon-button> > <paper-icon-button icon="more-vert"></ > paper-icon-button> > <div id="toolbarContent" class="middle fit"> > <content select=".actHeader"></content> > </div> > <!-- Tabs --> > <div class="bottom fit" horizontal > center-justified layout> > <paper-tabs id="tabs" selected= > "{{currentTab}}" flex> > <template repeat="{{t in actTabs}}"> > <paper-tab class="navTab">{{t}}</ > paper-tab> > </template> > </paper-tabs> > </div> > </core-toolbar> > <div id="contentdiv" class="content" title="titolo"> > <content select=".actContent[1]"></content> > </div> > </core-header-panel> > </template> > <script> > Polymer('stc-activity',{ > /*Functions */ > currentTabChanged: function() { > console.log(this.currentTab); > }, > /*Vars*/ > actTitle:"Unextended Activity", > actContent:"lorem ipsum...", > actTabs:["tab1","tab2","tab3"], > currentTab:0, > }); > </script> > </polymer-element> > > And this is an *use case:* > > <polymer-element name="act-art26"> > <template> > <stc-activity> > <div class="actTitle">Articolo 26</div> > <div class="actHeader">This is an header<div> > intodiv</div></div> > <div class="actContent" name="tab 1 name">content > of tab 1</div> > <!-- > How can i bind into a template repeat to create multiple > tabs? > <div class="actContent" name="tab 2 name">content > of tab 2</div> > --> > </stc-activity> > </template> > <script> > Polymer('act-art26',{ }); > </script> > </polymer-element> > > Only one problem... i want to use this use case to create multiple tab for > multiple contents using the sintax in the code (<div class="actContent"...) > there is any way to make it's possible? > > Thanks for your disponibility > > 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/763c9966-f72a-4df9-a2a0-2ba1d9a0e63f%40googlegroups.com > <https://groups.google.com/d/msgid/polymer-dev/763c9966-f72a-4df9-a2a0-2ba1d9a0e63f%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 [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/CAJj5OwA17cPTsMw_8zJ0B2_mSXNJtcvd20hi%3Dshff2Cxp%3DeGpw%40mail.gmail.com. For more options, visit https://groups.google.com/d/optout.
