designer

designer.html

<link rel="import" href="../yodlee-component/yodlee-scaffold.html">
<link rel="import" href="../yodlee-component/yodlee-navigation.html">
<link rel="import" href="../hackathon-elements/yodlee-account-summary.html">
<link rel="import" href="../hackathon-elements/yodlee-recent-transactions.html">
<link rel="import" href="../yodlee-component/yodlee-notifications.html">
<link rel="import" href="../hackathon-elements/yodlee-profile-card-bundled.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;
      }
      #yodlee_account_summary {
        width: 100%;
        height: 100%;
      }
      #yodlee_recent_transactions {
        width: 100%;
        height: 100%;
      }
      #yodlee_profile_card_bundled {
        width: 350px;
      }
    </style>
    <yodlee-scaffold responsivewidth="450px" toolbartitle="{{ $.yodlee_navigation.selectedLabel }}" selectedpage="{{ $.yodlee_navigation.selectedIndex }}" profilepic="images/profile/profile_2.jpeg" profilename="sfsfs" id="yodlee_scaffold">
      <yodlee-navigation selectedlabel="Accounts" id="yodlee_navigation"></yodlee-navigation>
      <yodlee-account-summary id="yodlee_account_summary" page1></yodlee-account-summary>
      <yodlee-recent-transactions id="yodlee_recent_transactions" page2></yodlee-recent-transactions>
      <yodlee-notifications id="yodlee_notifications" notifications></yodlee-notifications>
      <yodlee-profile-card-bundled src="profile_2" name="dgdgd" id="yodlee_profile_card_bundled" profile></yodlee-profile-card-bundled>
    </yodlee-scaffold>
  </template>

  <script>

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

  </script>

</polymer-element>