designer

designer.html

<link rel="import" href="../../salesforce/s1-elements/scaffold/s1DetailView.html">
<link rel="import" href="../../salesforce/s1-elements/s1MdplauncherOverflow.html">
<link rel="import" href="../../salesforce/s1-elements/scaffold/s1AppScaffold.html">
<link rel="import" href="../../salesforce/s1-elements/scaffold/s1PageContainer.html">
<link rel="import" href="../../salesforce/s1-elements/s1AnchorLightLabelonBottom.html">
<link rel="import" href="../../salesforce/s1-elements/s1ListWithLabels.html">
<link rel="import" href="../../salesforce/s1-elements/s1StagedNavigationStageLeft.html">
<link rel="import" href="../../salesforce/s1-elements/s1StagedNavigationNotifications.html">

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

  <template>
    <style>    
      :host {
        position: absolute;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
      }
      #s1_sobject_detail {
        width: 320px;
        left: 450px;
        top: 310px;
        position: absolute;
      }
      #s1_sobject_detail1 {
        width: 320px;
        left: 610px;
        top: 510px;
        position: absolute;
      }
      #app {
        width: 320px;
        height: 620px;
        left: 360px;
        top: 20px;
        position: absolute;
      }
      #s1_staged_navigation_stage_left {
        width: 320px;
      }
      #s1_staged_navigation_notifications {
        width: 320px;
      }
      #s1_mdplauncher_overflow {
        width: 320px;
        left: 790px;
        top: 260px;
        position: absolute;
      }
      #s1_mdplauncher_overflow1 {
        width: 320px;
        left: 690px;
        top: 360px;
        position: absolute;
      }
      #s1_anchor_light_labelon_bottom {
        width: 320px;
      }
      #s1_list_with_labels {
        width: 320px;
      }
    </style>
    <s1-sobject-detail sobject="Account" id="s1_sobject_detail"></s1-sobject-detail>
    <s1-sobject-detail sobject="Account" id="s1_sobject_detail1"></s1-sobject-detail>
    <s1-mdplauncher-overflow id="s1_mdplauncher_overflow"></s1-mdplauncher-overflow>
    <s1-mdplauncher-overflow id="s1_mdplauncher_overflow1"></s1-mdplauncher-overflow>
    <s1-app-scaffold navcloseevent="sobject-selected" id="app">
      <s1-page-container navigateon="core-activate" id="list" class="animate" active>
        <s1-anchor-light-labelon-bottom id="s1_anchor_light_labelon_bottom"></s1-anchor-light-labelon-bottom>
        <s1-list-with-labels id="s1_list_with_labels"></s1-list-with-labels>
      </s1-page-container>
      <s1-page-container id="detail" class="animate">
          </s1-page-container>
      <s1-staged-navigation-stage-left id="s1_staged_navigation_stage_left" navigation></s1-staged-navigation-stage-left>
      <s1-staged-navigation-notifications id="s1_staged_navigation_notifications" notifications></s1-staged-navigation-notifications>
    </s1-app-scaffold>
  </template>

  <script>

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

  </script>

</polymer-element>