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.
For more options, visit https://groups.google.com/d/optout.
