html - Paper-Tabs selection bar not showing -
i have put paper-tabs element inside paper-scroll-header panel
but, selection bar doesn't seem work properly. doesn't show default when i
navigate other page , home or
change dimensions of chrome window
the selection bar comes back
i've looked solution , found updatebar() function inside definition of paper-tabs has called when need refresh view.
even so, unable fire function page-layout element
please me out...
<dom-module id="page-layout"> <link rel="stylesheet" href="styles.css"> <link rel="import" href="imports.html"> <link rel="import" href="page-content.html"> <template> <paper-scroll-header-panel condenses keepcondensedheader> <paper-toolbar class="tall"> <span class="flex"></span> <paper-icon-button icon="refresh" onclick='location.reload()'> </paper-icon-button> <paper-icon-button icon="search"></paper-icon-button> <div class="middle titlehead" >tmess</div> <span class="flex bottom"></span> <!--navigation--> <paper-tabs id="tabs" class="bottom" selected="0" noink nobar> <paper-tab> <iron-icon icon="home" class="tabs"></iron-icon> <span class="tabtext">home</span> </paper-tab> <paper-tab> <iron-icon icon="event" class="tabs"></iron-icon> <span class="tabtext">events</span> </paper-tab> <paper-tab> <iron-icon icon="drafts" class="tabs"></iron-icon> <span class="tabtext">suggest</span> </paper-tab> <paper-tab> <iron-icon icon="account-box" class="tabs"> </iron-icon> <span class="tabtext">about us</span> </paper-tab> </paper-tabs> </paper-toolbar> <div class="content"> <page-content size="100"></page-content> </div> </paper-scroll-header-panel> </template> </dom-module> <script> polymer({ is: 'page-layout' }); </script> <script> window.onload = function(){ setnavigation(); }; function setnavigation(){ var tabs = document.queryselector('#tabs'); var content = document.getelementsbytagname('page-content')[0]; var pages = content.getelementsbytagname('iron-pages')[0]; tabs.addeventlistener('iron-select', function(){ pages.selected = tabs.selected; }); } </script>
i have hack may you: tabs._onresize();
shows selection bar in polymer 1.1 not consider practice, should file bug in repository.
Comments
Post a Comment