examples/bootstrap4/dynamic-components.js

diff --git a/examples/bootstrap4/dynamic-components.js b/examples/bootstrap4/dynamic-components.js
index 231c9cd..24ba53d 100644 (file)
--- a/examples/bootstrap4/dynamic-components.js
+++ b/examples/bootstrap4/dynamic-components.js
@@ -27,7 +27,7 @@ Dynamic.Component = function(cfg)
     var _this = this;
     var STRINGS = Dynamic.Component._strings;
     
-    config = Roo.apply({
+    var config = Roo.apply({
         // the values specified in the builder for this element go here...
             '|xns' : 'Roo.bootstrap',
             cls : 'bg-black',
@@ -175,4 +175,56 @@ Roo.apply(Dynamic.Component, {
  }
 });
 
+/* ------------------------------------------------------------------------------ */
+
+
+Dynamic.Component.Form = function(cfg)
+{
+    var _this = this;
+    var STRINGS = Dynamic.Component.Form._strings;
+    
+    var config = Roo.apply({
+
+ 
+                '|xns' : 'Roo.bootstrap',
+                xns : Roo.bootstrap,
+                xtype : 'Form',
+                items : [
+                 {
+                  '|xns' : 'Roo.bootstrap',
+                  cls : 'body bg-gray',
+                  xns : Roo.bootstrap,
+                  xtype : 'Container',
+                  items : [
+                   {
+                    '|xns' : 'Roo.bootstrap',
+                    placeholder : STRINGS['0c83f57c786a0b4a39efab23731c7ebc'],
+                    xns : Roo.bootstrap,
+                    xtype : 'Input'
+                   },
+                   {
+                    '|xns' : 'Roo.bootstrap',
+                    inputType : 'password',
+                    placeholder : STRINGS['5f4dcc3b5aa765d61d8327deb882cf99'],
+                    xns : Roo.bootstrap,
+                    xtype : 'Input'
+                   },
+                   {
+                    '|xns' : 'Roo.bootstrap',
+                    boxLabel : 'Remember me',
+                    xns : Roo.bootstrap,
+                    xtype : 'CheckBox'
+                   }
+                  ]
+         
+                 }
+                ]
+         
+               },
+        cfg
+    });
+
+
+
+