designer

designer.html

<link rel="import" href="../notification-elements/notification-alert.html">
<link rel="import" href="../chart-js/chart-js.html">
<link rel="import" href="../google-map/google-map-directions.html">
<link rel="import" href="../core-icons/core-icons.html">
<link rel="import" href="../paper-item/paper-item.html">
<link rel="import" href="../topeka-elements/theme.html">
<link rel="import" href="../topeka-elements/topeka-resources.html">
<link rel="import" href="../topeka-elements/topeka-categories.html">

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

  <template>
    <style>    
      :host {
        position: absolute;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        top: 0px;
        left: 0px;
      }
      #notification_alert {
        left: 740px;
        top: 10px;
        position: absolute;
      }
      #chart_js {
        width: 300px;
        height: 200px;
        left: 560px;
        top: 500px;
        position: absolute;
      }
      #google_map_directions {
        left: 310px;
        top: 380px;
        position: absolute;
      }
      #google_map_directions1 {
        left: 390px;
        top: 420px;
        position: absolute;
      }
      #notification_alert1 {
        left: 530px;
        top: 400px;
        position: absolute;
      }
      #notification_alert2 {
        left: 530px;
        top: 0px;
        position: absolute;
      }
      #paper_item {
        left: 300px;
        top: 330px;
        position: absolute;
      }
      #topeka_categories {
        width: 580px;
        height: 570px;
        left: 0px;
        top: 0px;
        position: absolute;
        opacity: 1;
        background-color: rgb(128, 0, 255);
      }
    </style>
    <notification-alert header="news" message="Hi there!" icon="icon.png" name="notification" id="notification_alert"></notification-alert>
    <chart-js kind="pie" id="chart_js"></chart-js>
    <google-map-directions id="google_map_directions"></google-map-directions>
    <google-map-directions id="google_map_directions1"></google-map-directions>
    <notification-alert message="Hi there!" icon="icon.png" name="notification" id="notification_alert1"></notification-alert>
    <notification-alert message="Hi there!" icon="icon.png" name="notification" id="notification_alert2"></notification-alert>
    <paper-item id="paper_item" icon="settings" label="Item"></paper-item>
    <topeka-categories wide id="topeka_categories" horizontal layout vertical></topeka-categories>
  </template>

  <script>

    Polymer({
      
    });

  </script>

</polymer-element>