Skip to content

Instantly share code, notes, and snippets.

@gchoi

gchoi/designer.html

Created August 21, 2014 04:26
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save gchoi/9c1f8ee9a54fc9bf38f4 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save gchoi/9c1f8ee9a54fc9bf38f4 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. gchoi revised this gist Aug 21, 2014. No changes.
  2. gchoi created this gist Aug 21, 2014.
    48 changes: 48 additions & 0 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,48 @@
    <link rel="import" href="../topeka-elements/theme.html">
    <link rel="import" href="../topeka-elements/topeka-resources.html">
    <link rel="import" href="../topeka-elements/topeka-app.html">
    <link rel="import" href="../topeka-elements/topeka-datasource.html">

    <polymer-element name="my-element">

    <template>
    <style>
    :host {
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    }
    #topeka_app {
    width: 300px;
    height: 300px;
    min-height: 450px;
    left: 50px;
    top: 130px;
    position: absolute;
    }
    #div {
    height: 100%;
    width: 100%;
    overflow: hidden;
    left: 890px;
    top: 510px;
    position: absolute;
    }
    </style>
    <div id="div">
    <topeka-app id="app" categories="[]" fit connected vertical layout></topeka-app>
    <topeka-datasource url="../topeka-elements/categories.json" id="datasource" hidden></topeka-datasource>
    </div>
    <topeka-app id="topeka_app" categories="[]" vertical layout></topeka-app>
    </template>

    <script>

    Polymer('my-element', {

    });

    </script>

    </polymer-element>