designer

designer.html

<link rel="import" href="../yodlee-component/yodlee-scaffold.html">
<link rel="import" href="../yodlee-component/yodlee-tabbed-container.html">
<link rel="import" href="../yodlee-component/yodlee-tabs.html">
<link rel="import" href="../yodlee-component/yodlee-tab.html">

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

  <template>
    <style>    
      :host {
        position: absolute;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
      }
      #yodlee_scaffold {
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        position: absolute;
      }
    </style>
    <yodlee-scaffold responsivewidth="450px" toolbartitle="Scaffold Container" profilepic="images/profile/profile_1.jpeg" profilename="Jessica Mavericks" id="yodlee_scaffold">
      <yodlee-tabbed-container query="max-width: 400px" id="yodlee_tabbed_container" page1>
        <yodlee-tabs noink nobar selected="0" selectedindex="0" id="yodlee_tabs2" class="inner-tabs">
          <yodlee-tab id="yodlee_tab" active>1 MONTH</yodlee-tab>
          <yodlee-tab id="yodlee_tab1">2 MONTHS</yodlee-tab>
          <yodlee-tab id="yodlee_tab2">3 MONTHS</yodlee-tab>
          <yodlee-tab id="yodlee_tab3">6 MONTHS</yodlee-tab>
          <yodlee-tab id="yodlee_tab4">1 YEAR</yodlee-tab>
        </yodlee-tabs>
        <timely-chart dashstyle="shortdot" labelposition="right" id="chart1" data="[29.9 , 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 72.3, 120.6]"></timely-chart>
        <timely-chart dashstyle="shortdot" labelposition="center" id="chart2" data="[100.9 , 71.5, 106.4, 129.2, 144.0, 126.0, 135.6, 148.5, 216.4, 194.1]"></timely-chart>
        <timely-chart dashstyle="longdash" id="chart3" data="[95.9 , 71.5, 106.4, 55.2, 144.0, 176.0]"></timely-chart>
      </yodlee-tabbed-container>
    </yodlee-scaffold>
  </template>

  <script>

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

  </script>

</polymer-element>