added manual layout

Author: matt-sanders

src/components/FormlyForm.vue

@@ -1,12 +1,15 @@
 <template>
   <fieldset>
+    <template v-if="!customLayout">
       <formly-field v-for="field in form | formlyFields" :form.sync="form" :key="field" ></formly-field>
+    </template>
+    <slot></slot>
   </fieldset>
 </template>
 
 <script>
  export default {
-     props: ['form'],
+     props: ['form', 'customLayout'],
      created(){
          //make sure that the 'value' is always set
          Object.keys(this.form).forEach((key) => {

test/unit/specs/FormlyForm.spec.js

@@ -132,5 +132,27 @@ describe('FormlyForm', () => {
             done();
         });
     });
+
+    it('should allow a manual display', () => {
+
+        Vue.component('formly-field',{
+            props: ['form', 'key'],
+            template: '<div class="testing"></div>'
+        });
+
+        let data = {
+            form: {
+                fname: {
+                    type: 'test'
+                }
+            }
+        };
+
+        createForm('<formly-form :form="form" :custom-layout="true"><div id="outside_loop"><formly-field></formly-field></div></formly-form>', data);
+
+        expect(vm.$el.querySelectorAll('.testing')).to.be.length(1);
+        expect(vm.$el.querySelectorAll('fieldset #outside_loop .testing')).to.be.length(1);
+        
+    });
 
 });