Polymer app-drawer, drawer-toggle not working -
i'm trying app-drawer working, closes automatically whenever select 1 of paper-items paper-menu.
aka select different page, close drawer.
i've tried: drawer-toggle (which seems working inside app-toolbar, close(), open()
pages i've checked information:
-https://www.polymer-project.org/1.0/toolbox/app-layout
cheers!
edit: found page, though can't work paper-item
-http://jsbin.com/kutacafuve/1/edit?html,output
<app-drawer-layout fullbleed force-narrow> <app-drawer> <app-toolbar> <paper-icon-button icon="menu" drawer-toggle></paper-icon-button> </app-toolbar> <div class="horizontal-section"> <paper-menu attr-for-selected="naam" selected="{{_routedata.subpagina}}" > <!-- <paper-menu attr-for-selected="naam" selected="{{_routedata.subpagina}}"> --> <paper-item naam="home" drawer-toggle><paper-icon-button icon="home"></paper-icon-button>home</paper-item> <paper-item naam="about" drawer-toggle><paper-icon-button icon="account-circle"></paper-icon-button>about</paper-item> <paper-item naam="contact" drawer-toggle><paper-icon-button icon="mail"></paper-icon-button>contact</paper-item> </paper-menu> </div> </app-drawer> <app-toolbar> <paper-icon-button icon="menu" drawer-toggle></paper-icon-button> <span class="">[[_routedata.subpagina]]</span> </app-toolbar> <section id="main"> <iron-pages attr-for-selected="name" selected="[[_routedata.subpagina]]"> <about-pagina name="about"></about-pagina> <home-pagina name="home"></home-pagina> <home-pagina name=""></home-pagina> <contact-pagina name="contact"></contact-pagina> </iron-pages> </section> </app-drawer-layout>
Comments
Post a Comment