designer

designer.html

<link rel="import" href="../yodlee-component/yodlee-tabbed-container.html">
<link rel="import" href="../yodlee-component/timely-challenge.html">

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

  <template>
    <style>    
      :host {
        position: absolute;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
      }
      #yodlee_tabbed_container {
        left: 0px;
        top: 0px;
        position: absolute;
        width: 100%;
        height: 100%;
      }
      #chart3 {
        left: 1180px;
        top: 430px;
      }
    </style>
    <yodlee-tabbed-container query="max-width: 400px" id="yodlee_tabbed_container" page1>
      <timely-chart dashstyle="shortdot" id="chart1" data="[29.9 , 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6]"></timely-chart>
      <timely-chart dashstyle="shortdot" id="chart2" data="[100.9 , 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1]"></timely-chart>
      <timely-challenge challenge="Try to spend less than $20 today." tabletitle="CHALLENGES" id="timely_challenge" class="timely-list">
    </timely-challenge>
    </yodlee-tabbed-container>
  </template>

  <script>

    Polymer('my-element', {
      
    });

  </script>

</polymer-element>