If you place 'force-narrow' on the paper-drawer-panel, you'll be able to
use the togglePanel()
On Tuesday, August 25, 2015 at 2:09:35 AM UTC-4, anthony sebastian wrote:
>
> The paper-drawer-toggle attribute only works with mobile devices. If you
> have an emulator, switch to mobile and you should see the button.
>
> On Monday, June 8, 2015 at 9:48:49 AM UTC-7, Hyesoo Oh wrote:
>>
>> Hi, everybody!
>> I use polymer in my project but polymer 1.0 paper-drawer-panel toggle is
>> not working..
>>
>> 'my-layout' code :
>>
>> <link rel="import" href="../bower_components/iron-icons/iron-icons.html" >
>> <link rel="import"
>> href="../bower_components/paper-icon-button/paper-icon-button.html" >
>> <link rel="import"
>> href="../bower_components/paper-drawer-panel/paper-drawer-panel.html" >
>> <link rel="import"
>> href="../bower_components/paper-header-panel/paper-header-panel.html" >
>> <link rel="import"
>> href="../bower_components/paper-toolbar/paper-toolbar.html" >
>>
>> <polymer-element name="m-layout" >
>> <template>
>> <paper-drawer-panel>
>>
>> <paper-header-panel drawer>
>> <paper-toolbar>
>> <div>Application</div>
>> </paper-toolbar>
>> <div> Drawer content... </div>
>> </paper-header-panel>
>>
>> <paper-header-panel main>
>> <paper-toolbar>
>> <paper-icon-button icon="menu" style="color: white;"
>> paper-drawer-toggle></paper-icon-button>
>> <div>Title</div>
>> </paper-toolbar>
>> <div> Main content... </div>
>> </paper-header-panel>
>>
>> </paper-drawer-panel>
>> </template>
>>
>> <script>
>> Polymer({
>> is: 'm-layout',
>> togglePanel: function() {
>> this.$.paper_drawer_panel.togglePanel();
>> }
>> });
>> </script>
>> </polymer-element>
>>
>>
>> If I add paper-drawer=toogle attribute, paper-icon-button in main drawer
>> is disappear...
>>
>> 'main.jsp' code:
>>
>> <%@ page language="java" contentType="text/html; charset=EUC-KR"
>> pageEncoding="EUC-KR"%>
>> <html>
>> <head>
>> <script
>> src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
>>
>> <link rel="import" href="elements/m-layout.html" >
>>
>> <style>
>> html, body {
>> height: 100%;
>> }
>> body {
>> margin: 0;
>> background-color:#E5E5E5;
>> }
>> </style>
>>
>> </head>
>> <body>
>> <m-layout></m-layout>
>> </body></html>
>>
>>
>> If paper-drawer-toggle attribute remove and main.jsp run, I can see
>> icon-button but toggle is not working..
>>
>> I can't found reference about paper-drawer-panel toggle and behavior.....
>>
>> What should I do to toggle paper-drawer-panel?
>>
>>
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/cf79aaf9-4b1d-4fa8-8309-7a698d2b4969%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
