3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
4 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
6 The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
7 Code distributed by Google as part of the polymer project is also
8 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
14 <title>core-layout-grid example
</title>
16 <script src=
"../webcomponentsjs/webcomponents.js"></script>
18 <link rel=
"import" href=
"core-layout-grid.html">
22 font-family: sans-serif;
30 <grid-test></grid-test>
32 <polymer-element name=
"grid-test" on-tap=
"{{rotate}}">
37 -webkit-transition: top, right, bottom, left;
38 -webkit-transition-duration:
0.3s;
42 display: inline-block;
43 border:
4px dotted lightblue;
45 background-color: whitesmoke;
61 <core-layout-grid nodes=
"{{nodes}}" layout=
"{{layout}}"></core-layout-grid>
63 <panel id=
"toolbar">toolbar (click to rotate)
</panel>
64 <panel id=
"sidebar">sidebar
</panel>
65 <panel id=
"workspace">workspace
</panel>
66 <panel id=
"outputToolbar">otherbar
</panel>
69 <h2>Documentation
</h2>
71 <p>In backbone record integer LED amplified internet protocol a extension reflective.
72 Array kilohertz LED. Wavelength extension patch supporting wave an by prompt.
</p>
78 Polymer('grid-test', {
96 this.outputLayoutChanged();
99 outputLayoutChanged: function() {
100 this.layout
= this.arrangements
[this.outputLayout
];
103 toggleLayout: function() {
104 this.outputLayout
= (this.outputLayout
+ 1) % this.arrangements
.length
;