designer

designer.html

<link rel="import" href="../../salesforce/s1-elements/s1ButtonGroups.html">
<link rel="import" href="../../salesforce/s1-elements/s1AvatarDefault.html">
<link rel="import" href="../../salesforce/s1-elements/s1CardAccount.html">
<link rel="import" href="../../salesforce/s1-elements/s1TextareaWithButtons.html">
<link rel="import" href="../../salesforce/s1-elements/s1TextareaWithButtonsandError.html">
<link rel="import" href="../../salesforce/s1-elements/s1ProgressSpinnerModal.html">
<link rel="import" href="../paper-toggle-button/paper-toggle-button.html">
<link rel="import" href="../../salesforce/mobile-ui-elements/elements/force-sobject-collection/force-sobject-collection.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/s1StagedNavigationStageLeft.html">
<link rel="import" href="../../salesforce/s1-elements/s1StagedNavigationNotifications.html">
<link rel="import" href="../../salesforce/s1-elements/s1AnchorLightDefault.html">
<link rel="import" href="../../salesforce/s1-elements/s1ListWithLabels.html">
<link rel="import" href="../../salesforce/s1-elements/s1AnchorDark.html">
<link rel="import" href="../../salesforce/s1-elements/s1IndicatorDotsLightBackground.html">
<link rel="import" href="../../salesforce/s1-elements/scaffold/s1DetailView.html">
<link rel="import" href="../../salesforce/s1-elements/scaffold/s1MDPBundle.html">
<link rel="import" href="../../salesforce/mobile-ui-elements/elements/force-sobject/force-sobject.html">

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

  <template>
    <style>    
      :host {
        position: absolute;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
      }
      #s1_avatar_default {
        left: 540px;
        top: 270px;
        position: absolute;
      }
      #s1_card_account {
        width: 320px;
        left: 630px;
        top: 240px;
        position: absolute;
      }
      #s1_textarea_with_buttons {
        width: 320px;
        left: 180px;
        top: 140px;
        position: absolute;
      }
      #s1_textarea_with_buttonsand_error {
        width: 320px;
        left: 480px;
        top: 360px;
        position: absolute;
      }
      #s1_progress_spinner_modal {
        left: 560px;
        top: 0px;
        position: absolute;
      }
      #canvas {
        -webkit-user-select: none;
      }
      #paper_toggle_button {
        left: 170px;
        top: 330px;
        position: absolute;
      }
      #force_collection {
        left: 270px;
        top: 390px;
        position: absolute;
      }
      #s1_app {
        width: 320px;
        height: 620px;
        left: 300px;
        top: 10px;
        position: absolute;
      }
      #s1_indicator_dots_light_background {
        display: block;
        margin: 7px;
      }
    </style>
    <s1-button-groups id="s1_button_groups"></s1-button-groups>
    <s1-avatar-default id="s1_avatar_default"></s1-avatar-default>
    <s1-card-account id="s1_card_account"></s1-card-account>
    <s1-textarea-with-buttons id="s1_textarea_with_buttons"></s1-textarea-with-buttons>
    <s1-textarea-with-buttonsand-error id="s1_textarea_with_buttonsand_error"></s1-textarea-with-buttonsand-error>
    <s1-progress-spinner-modal id="s1_progress_spinner_modal"></s1-progress-spinner-modal>
    <paper-toggle-button id="paper_toggle_button" touch-action="pan-y"></paper-toggle-button>
    <force-sobject-collection sobject="Account" query="Select id, Name from Account" querytype="soql" id="force_collection"></force-sobject-collection>
    <force-sobject-collection sobject="Account" query="Select id, Name from Account" querytype="soql" id="force_collection"></force-sobject-collection>
    <s1-app-scaffold navcloseevent="sobject-selected" id="s1_app">
      <s1-staged-navigation-stage-left id="s1_navigation_menu" navigation></s1-staged-navigation-stage-left>
      <s1-staged-navigation-notifications id="s1_notification_panel" notifications></s1-staged-navigation-notifications>
      <s1-page-container navigateon="core-activate" navigationtarget="{{ $.s1_detail_view }}" id="s1_list" class="animate" active>
        <s1-anchor-light-default anchorlightlabel="recent" anchorlighttitle="{{ $.s1_navigation_menu.selectedSObject }}" anchorlighticon="{{ $.s1_navigation_menu.selectedSObject }}" id="s1_anchor_light_default" button="New" on-new></s1-anchor-light-default>
        <s1-list-with-labels collection="{{ $.s1_detail_view.collection }}" id="s1_listWithLabels"></s1-list-with-labels>
      </s1-page-container>
      <s1-page-container id="s1_detail_view" class="animate">
        <s1-anchor-dark anchordarktitle="{{ $.record_info.fields.Name }}" anchordarkdescription="{{ $.record_info.fields.Title }}" anchordarkicon="{{ $.s1_navigation_menu.selectedSObject }}" id="s1_anchor_dark">
            </s1-anchor-dark>
        <s1-indicator-dots-light-background id="s1_indicator_dots_light_background"></s1-indicator-dots-light-background>
        <s1-button-groups id="s1_button_groups" label="New"></s1-button-groups>
        <s1-sobject-detail sobject="{{ $.sobject_collection.sobject }}" recordid="{{ $.s1_listWithLabels.selected }}" id="s1_sobject_detail"></s1-sobject-detail>
      </s1-page-container>
      <s1-mdp-bundle id="s1_mdp_bundle"></s1-mdp-bundle>
      <force-sobject sobject="{{ $.s1_navigation_menu.selectedSObject }}" recordid="{{ $.s1_listWithLabels.selected }}" id="record_info"></force-sobject>
      <force-sobject-collection sobject="{{ $.s1_navigation_menu.selectedSObject }}" id="sobject_collection"></force-sobject-collection>
    </s1-app-scaffold>
  </template>

  <script>

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

  </script>

</polymer-element>