Cannot get a basic Polymer app working
46 views
Skip to first unread message
mickl...@gmail.com
Jul 4, 2015, 10:10:59 AM7/4/15
to polym...@googlegroups.com
Here is my code...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Passport</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="import" href="components/bower_components/polymer/polymer.html" />
<script src="components/bower_components/webcomponentsjs/webcomponents.js"></script>
<link rel="import" href="components/bower_components/font-roboto/roboto.html"/>
<link rel="import" href="components/bower_components/paper-drawer-panel/paper-drawer-panel.html"/>
<link rel="import" href="components//bower_components/paper-header-panel/paper-header-panel.html"/>
<link rel="import" href="components/bower_components/paper-toolbar/paper-toolbar.html"/>
<link rel="import" href="components/bower_components/paper-icon-button/paper-icon-button.html"/>
<link rel="import" href="components/bower_components/iron-icons/iron-icons.html" />
<link href="css/index.css" rel="stylesheet" />
</head>
<body unresolved fullbleed layout vertical>
<paper-drawer-panel>
<paper-header-panel drawer>
draw panel Blah
</paper-header-panel>
<paper-header-panel main>
<paper-toolbar>
<paper-icon-button id="main_menu" icon="menu" paper-drawer-toggle></paper-icon-button>
<div class="title">Application</div>
</paper-toolbar>
Main Panel Blah Blah
</paper-header-panel>
</paper-drawer-panel>
<!-- Cordova reference, this is added to your app when it's built. -->
<script src="cordova.js"></script>
<script src="scripts/platformOverrides.js"></script>
<script src="scripts/index.js"></script>
</body>
</html>
The drawer does not toggle when I click the menu button.
What am I doing wrong?
Reply all
Reply to author
Forward
0 new messages