Merge remote-tracking branch 'origin/experimental' into experimental

Author: jonisaa

src/components/common/Root.js

@@ -0,0 +1,20 @@
+import React, { Component, PropTypes } from 'react';
+
+
+const Root = ({fieldLayout, children, handleSubmit}) => {
+
+
+    // Setting the form class name to "form-horizontal" only affects Bootstrap.
+    // ToDo: Make the UI to provide the form class name or the entire Form component
+    let formClassName = (fieldLayout == 'inline') ? "form-horizontal" : "";
+
+    return (
+        <div className="meta-form">
+            <form onSubmit={handleSubmit} className={formClassName}>
+                { children }
+            </form>
+        </div>
+    );
+};
+
+export default Root;

src/factory/BootstrapFactory.js

@@ -13,6 +13,8 @@ import Checkbox from '../components/field/CheckBox';
 import Radio from '../components/field/Radio';
 import FileUpload from '../components/field/FileUpload';
 
+import Root from '../components/common/Root';
+
 class BootstrapFactory extends ComponentFactory {
     constructor(config) {
         super();
@@ -44,6 +46,10 @@ class BootstrapFactory extends ComponentFactory {
         this.setDefaultGroupComponent('Group');
     };
 
+    getRoot = () => {
+        return Root;
+    }
+
 }
 
 export default BootstrapFactory;