designer

designer.html

<link rel="import" href="../paper-form/paper-form.html">
<link rel="import" href="../paper-form/paper-fields.html">

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

  <template>
    <style>    
      :host {
        position: absolute;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
      }
      #paper_form {
        left: 70px;
        top: 110px;
        position: absolute;
        width: 710px;
        height: 440px;
      }
      #style {
        left: 140px;
        top: 610px;
        position: absolute;
      }
    </style>
    <style id="style">    
      :host {
        min-width: 260px;
      }
    </style>
    <paper-form id="paper_form" segment vertical layout>
      <paper-row id="paper_row1" horizontal layout center wrap novanish>
        <poly-field name="First Name" id="poly_field2" horizontal layout two flex></poly-field>
        <poly-field name="Middle Name" id="poly_field5" horizontal layout one flex></poly-field>
        <poly-field name="Last Name" id="poly_field4" horizontal layout two flex></poly-field>
      </paper-row>
      <paper-row id="paper_row2" horizontal layout center wrap novanish>
        <poly-field kind="ssn-field" name="SSN" value="60" id="poly_field3" flex horizontal layout></poly-field>
      </paper-row>
      <paper-row id="paper_row" horizontal layout center wrap novanish>
        <poly-field name="Field Name" id="poly_field" flex horizontal layout></poly-field>
        <poly-field kind="slider-field" name="Field Name" value="20" id="poly_field1" horizontal layout></poly-field>
      </paper-row>
    </paper-form>
  </template>

  <script>

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

  </script>

</polymer-element>