Fix #6430 - messing arouds with cards BS4
[roojs1] / examples / bootstrap / dashboard1.js
index 45c79ab..92815f3 100644 (file)
@@ -6,19 +6,26 @@ dashboard1 = new Roo.XComponent({
 
  _strings : {
   'dbd7790bcd23fde7607101ef6a633779' :"http://",
+  '9dffbf69ffba8bc38bc4e01abf4b1675' :"Text",
   '680e083786e18d3b9bd07bffd61dc5dc' :"after : <i class="fa fa-ambulance"></i> before : <i class="fa fa-dollar"></i>",
+  'bc6d090c772eedbd8e59e273620830c6' :"File Input",
   'f6b6d9142474aba10b39e88cf4e06f6e' :"before : @",
   '7c4d0cf56e05ed67ec50246c517e149b' :"md 3",
   'cb6b36c6d62d94b76628a4543517f89b' :"md 4",
   '1d042703152e2b45f3b2ee38610b9a07' :"General Elements",
   'fe65c0ed916a464efda8e6b69b846d09' :"cls = has-error",
   '5f075ae3e1f9d0382bb8c4632991f96f' :"Go",
+  '643a860f992333b8600ea264aca7c4fc' :"Email Address",
   '69165cb5e53db90fd85e2b0a98f1d77b' :"size sm",
   'a1e27e67ca3c6c3198c36a32e416a65f' :"General Form Elements  <small> Preview </small>",
+  '7c230330ef184cac6b35f3c20e40dedd' :"Checkbox weight=primary",
   'c3d8baf1b9da3d6922aea0057717a0b7' :"Enter email",
+  'c81c5cb4cbfa1fe7cc3ae45112da3bf8' :"ComboBox disabled",
   'b85c1bc6f73a44489045c76aafbab96c' :"With checkbox and radio",
   'ac8f3751f51c35383892f7a1684e35ea' :"disabled = true",
+  '8ac5836f3de7379d49bc60dcd36913c7' :"Input with Error",
   'cb76b3c00a2436a2a0d57f1282cbd66a' :"after : &lt;i class=&quot;fa fa-after&quot;&gt;&lt;/i&gt;",
+  'fd249a0c28275ebf9d4c8464ca2225cf' :"ComboBox",
   '5485e0b19975fe1d4400e35162a7c099' :"Quick Example",
   'c4ca4238a0b923820dcc509a6f75849b' :"1",
   'e7ef9c258353d78ca676588bd59ec915' :"cls = has-warning",
@@ -28,21 +35,37 @@ dashboard1 = new Roo.XComponent({
   '8d71e1fffea14ff1d8b7acbe0ded4305' :"With buttons",
   'eccbc87e4b5ce2fe28308fd9f2a7baf3' :"3",
   '5f7a612768f22e04c0a0c4bb0c24ce91' :"size md",
+  'de8a19fe7b105f264a9a83909b880af3' :"Checkbox 1",
   '08583f18f5ab76dcb709f7b34eb59104' :"Different Height",
   '7099e6d377281665976e57e80ba5fe0d' :"before $, after: .00",
+  '82a3bed694a221ef4bb4f18514b05843' :"Input with Warning",
+  '770e06d40b8b4d64e89c24098d25fdc2' :"Radio 1",
+  'b52b5a382a07e93eb72c79ae431f3159' :"Radio Disabled",
   '088eb66998a403897b60aa8ee9115c91' :"cls = has-success",
+  'dc647eb65e6711e155375218212b3964' :"Password",
   '343f7d4e4b503d9b9cb282205a4d5858' :"after: .00",
-  '3b545ecbbdf3673f195c5a692fefa928' :"disabled=true",
+  '9a64581b8c734327d597d13177b4203e' :"Checkbox Disabled",
   '221fd7bbd5b513f2c2db2939fcefec96' :"after - a button",
   '76946ef61117810371fa41415c86a2ed' :"size lg",
+  'b5d4d25fe3fa9f8263b5f279a372b709' :"Textarea",
+  '3b545ecbbdf3673f195c5a692fefa928' :"disabled=true",
   '71f30e09efd6fac81e65a32a32a1c6ac' :"With Icons",
+  'f536bd90041a983b324d7a81de4e8089' :"Input with Success",
+  '2638b51cce6f3ce99752fa859b9c71a8' :"Radio (weight=danger)",
   'f8eae6750519389e078e1eb1bcb3d708' :"https://",
-  '1d74eaa01575d5f21d7a8e54154126e3' :"before :  - an object...    ",
+  '1c8d3efd26af385c51153c5bc082a279' :"before :  - an object...    ",
   '2f24bf395be7b31a10b6d501801d4099' :"Input Addon",
   '6f0e2583dbfc8eab280b4709a8c87b4b' :"Different Width",
+  '1dcae4807c06e16567efb6eff4f1296c' :"Multiple selection",
+  '9fced129522f128b2445a41fb0b6ef9f' :"checkbox",
   'd1457b72c3fb323a2671125aef3eab5d' :"?",
-  '4c3d0e43b52db64c94f842da7fc7224c' :"Enter ...",
-  'a4d3b161ce1309df1c4e25df28694b7b' :"Submit"
+  'a4d3b161ce1309df1c4e25df28694b7b' :"Submit",
+  '4c3d0e43b52db64c94f842da7fc7224c' :"Enter ..."
+ },
+ _named_strings : {
+  'radio_boxLabel' : 'b52b5a382a07e93eb72c79ae431f3159' /* Radio Disabled */ ,
+  'radio_value' : 'eccbc87e4b5ce2fe28308fd9f2a7baf3' /* 3 */ ,
+  'combotest_fieldLabel' : '1dcae4807c06e16567efb6eff4f1296c' /* Multiple selection */ 
  },
 
   part     :  ["bootstrap", "dashboard1" ],
@@ -52,764 +75,710 @@ dashboard1 = new Roo.XComponent({
   name     : "unnamed module",
   disabled : false, 
   permname : '', 
-  _tree : function()
+  _tree : function(_data)
   {
    var _this = this;
    var MODULE = this;
    return {
-   '|xns' : 'Roo.bootstrap',
+   xtype : 'Body',
    cls : 'skin-blue',
    xns : Roo.bootstrap,
-   xtype : 'Body',
-   items : [
+   '|xns' : 'Roo.bootstrap',
+   items  : [
     Roo.apply(Dashboard.Header1._tree(), {
-     '|xns' : 'Roo.bootstrap',
+     xtype : 'Container',
      cls : 'header',
      tag : 'header',
      xns : Roo.bootstrap,
-     xtype : 'Container'
+     '|xns' : 'Roo.bootstrap'
     }),
     {
-     '|xns' : 'Roo.bootstrap',
+     xtype : 'Container',
      cls : 'wrapper row-offcanvas row-offcanvas-left',
      'flexy:include' : 'Sidebar.html',
      xns : Roo.bootstrap,
-     xtype : 'Container',
-     items : [
+     '|xns' : 'Roo.bootstrap',
+     items  : [
       Roo.apply(Dashboard.Sidebar2._tree(), {
-       '|xns' : 'Roo.bootstrap',
+       xtype : 'Container',
        cls : 'left-side sidebar-offcanvas',
        tag : 'aside',
        xns : Roo.bootstrap,
-       xtype : 'Container'
+       '|xns' : 'Roo.bootstrap'
       }),
       {
-       '|xns' : 'Roo.bootstrap',
+       xtype : 'Container',
        cls : 'right-side',
        tag : 'aside',
        xns : Roo.bootstrap,
-       xtype : 'Container',
-       items : [
+       '|xns' : 'Roo.bootstrap',
+       items  : [
         {
-         '|xns' : 'Roo.bootstrap',
+         xtype : 'Container',
          cls : 'content-header',
          tag : 'section',
          xns : Roo.bootstrap,
-         xtype : 'Container',
-         items : [
+         '|xns' : 'Roo.bootstrap',
+         items  : [
           {
-           '|xns' : 'Roo.bootstrap',
-           html : _this._strings['a1e27e67ca3c6c3198c36a32e416a65f'],
+           xtype : 'Header',
+           html : _this._strings['a1e27e67ca3c6c3198c36a32e416a65f'] /* General Form Elements  <small> Preview </small> */,
            xns : Roo.bootstrap,
-           xtype : 'Header'
+           '|xns' : 'Roo.bootstrap'
           }
          ]
-
         },
         {
-         '|xns' : 'Roo.bootstrap',
+         xtype : 'Container',
          cls : 'content',
          tag : 'section',
          xns : Roo.bootstrap,
-         xtype : 'Container',
-         items : [
+         '|xns' : 'Roo.bootstrap',
+         items  : [
           {
-           '|xns' : 'Roo.bootstrap',
-           xns : Roo.bootstrap,
            xtype : 'Row',
-           items : [
+           xns : Roo.bootstrap,
+           '|xns' : 'Roo.bootstrap',
+           items  : [
             {
-             '|xns' : 'Roo.bootstrap',
+             xtype : 'Column',
              md : 6,
              sm : 12,
              xns : Roo.bootstrap,
-             xtype : 'Column',
-             items : [
+             '|xns' : 'Roo.bootstrap',
+             items  : [
               {
-               '|xns' : 'Roo.bootstrap',
+               xtype : 'Container',
                cls : 'box box-primary',
                xns : Roo.bootstrap,
-               xtype : 'Container',
-               items : [
+               '|xns' : 'Roo.bootstrap',
+               items  : [
                 {
-                 '|xns' : 'Roo.bootstrap',
+                 xtype : 'Container',
                  cls : 'box-header',
                  xns : Roo.bootstrap,
-                 xtype : 'Container',
-                 items : [
+                 '|xns' : 'Roo.bootstrap',
+                 items  : [
                   {
-                   '|xns' : 'Roo.bootstrap',
+                   xtype : 'Header',
                    cls : 'box-title',
-                   html : _this._strings['5485e0b19975fe1d4400e35162a7c099'],
+                   html : _this._strings['5485e0b19975fe1d4400e35162a7c099'] /* Quick Example */,
                    level : 3,
                    xns : Roo.bootstrap,
-                   xtype : 'Header'
-                  },
-                  {
-                   '|xns' : 'Roo.bootstrap',
-                   fieldLabel : 'Password',
-                   inputType : 'password',
-                   placeholder : _this._strings['483bc24d842fe8f3ec3a6f92fbd31922'],
-                   tooltip : 'Hello world',
-                   xns : Roo.bootstrap,
-                   xtype : 'Input'
+                   '|xns' : 'Roo.bootstrap'
                   }
                  ]
-
                 },
                 {
-                 '|xns' : 'Roo.bootstrap',
+                 xtype : 'Form',
                  labelAlign : 'top',
                  xns : Roo.bootstrap,
-                 xtype : 'Form',
-                 items : [
+                 '|xns' : 'Roo.bootstrap',
+                 items  : [
                   {
-                   '|xns' : 'Roo.bootstrap',
+                   xtype : 'Container',
                    cls : 'box-body',
                    xns : Roo.bootstrap,
-                   xtype : 'Container',
-                   items : [
+                   '|xns' : 'Roo.bootstrap',
+                   items  : [
                     {
-                     '|xns' : 'Roo.bootstrap',
-                     fieldLabel : 'Email Address',
-                     placeholder : _this._strings['c3d8baf1b9da3d6922aea0057717a0b7'],
+                     xtype : 'Input',
+                     fieldLabel : _this._strings['dc647eb65e6711e155375218212b3964'] /* Password */,
+                     inputType : 'password',
+                     placeholder : _this._strings['483bc24d842fe8f3ec3a6f92fbd31922'] /* Enter password */,
+                     tooltip : 'Hello world',
+                     xns : Roo.bootstrap,
+                     '|xns' : 'Roo.bootstrap'
+                    },
+                    {
+                     xtype : 'Input',
+                     fieldLabel : _this._strings['643a860f992333b8600ea264aca7c4fc'] /* Email Address */,
+                     placeholder : _this._strings['c3d8baf1b9da3d6922aea0057717a0b7'] /* Enter email */,
                      vtype : 'email',
                      xns : Roo.bootstrap,
-                     xtype : 'Input'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
-                     fieldLabel : 'File Input',
+                     xtype : 'Input',
+                     fieldLabel : _this._strings['bc6d090c772eedbd8e59e273620830c6'] /* File Input */,
                      inputType : 'file',
-                     placeholder : _this._strings['c3d8baf1b9da3d6922aea0057717a0b7'],
+                     placeholder : _this._strings['c3d8baf1b9da3d6922aea0057717a0b7'] /* Enter email */,
                      xns : Roo.bootstrap,
-                     xtype : 'Input'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
-                     boxLabel : 'checkbox',
+                     xtype : 'CheckBox',
+                     boxLabel : _this._strings['9fced129522f128b2445a41fb0b6ef9f'] /* checkbox */,
                      xns : Roo.bootstrap,
-                     xtype : 'CheckBox'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
-                     html : _this._strings['a4d3b161ce1309df1c4e25df28694b7b'],
+                     xtype : 'Button',
+                     html : _this._strings['a4d3b161ce1309df1c4e25df28694b7b'] /* Submit */,
+                     tooltip : 'A button',
                      weight : 'primary',
                      xns : Roo.bootstrap,
-                     xtype : 'Button'
+                     '|xns' : 'Roo.bootstrap'
                     }
                    ]
-
                   }
                  ]
-
                 }
                ]
-
               },
               {
-               '|xns' : 'Roo.bootstrap',
+               xtype : 'Container',
                cls : 'box box-success',
                xns : Roo.bootstrap,
-               xtype : 'Container',
-               items : [
+               '|xns' : 'Roo.bootstrap',
+               items  : [
                 {
-                 '|xns' : 'Roo.bootstrap',
+                 xtype : 'Container',
                  cls : 'box-header',
                  xns : Roo.bootstrap,
-                 xtype : 'Container',
-                 items : [
+                 '|xns' : 'Roo.bootstrap',
+                 items  : [
                   {
-                   '|xns' : 'Roo.bootstrap',
+                   xtype : 'Header',
                    cls : 'box-title',
-                   html : _this._strings['08583f18f5ab76dcb709f7b34eb59104'],
+                   html : _this._strings['08583f18f5ab76dcb709f7b34eb59104'] /* Different Height */,
                    level : 3,
                    xns : Roo.bootstrap,
-                   xtype : 'Header'
+                   '|xns' : 'Roo.bootstrap'
                   }
                  ]
-
                 },
                 {
-                 '|xns' : 'Roo.bootstrap',
+                 xtype : 'Form',
                  labelAlign : 'top',
                  xns : Roo.bootstrap,
-                 xtype : 'Form',
-                 items : [
+                 '|xns' : 'Roo.bootstrap',
+                 items  : [
                   {
-                   '|xns' : 'Roo.bootstrap',
+                   xtype : 'Container',
                    cls : 'box-body',
                    xns : Roo.bootstrap,
-                   xtype : 'Container',
-                   items : [
+                   '|xns' : 'Roo.bootstrap',
+                   items  : [
                     {
-                     '|xns' : 'Roo.bootstrap',
-                     placeholder : _this._strings['76946ef61117810371fa41415c86a2ed'],
+                     xtype : 'Input',
+                     placeholder : _this._strings['76946ef61117810371fa41415c86a2ed'] /* size lg */,
                      size : 'lg',
                      xns : Roo.bootstrap,
-                     xtype : 'Input'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
-                     placeholder : _this._strings['5f7a612768f22e04c0a0c4bb0c24ce91'],
+                     xtype : 'Input',
+                     placeholder : _this._strings['5f7a612768f22e04c0a0c4bb0c24ce91'] /* size md */,
                      size : 'md',
                      xns : Roo.bootstrap,
-                     xtype : 'Input'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
-                     placeholder : _this._strings['69165cb5e53db90fd85e2b0a98f1d77b'],
+                     xtype : 'Input',
+                     placeholder : _this._strings['69165cb5e53db90fd85e2b0a98f1d77b'] /* size sm */,
                      size : 'sm',
                      xns : Roo.bootstrap,
-                     xtype : 'Input'
+                     '|xns' : 'Roo.bootstrap'
                     }
                    ]
-
                   }
                  ]
-
                 }
                ]
-
               },
               {
-               '|xns' : 'Roo.bootstrap',
+               xtype : 'Container',
                cls : 'box box-danger',
                xns : Roo.bootstrap,
-               xtype : 'Container',
-               items : [
+               '|xns' : 'Roo.bootstrap',
+               items  : [
                 {
-                 '|xns' : 'Roo.bootstrap',
+                 xtype : 'Container',
                  cls : 'box-header',
                  xns : Roo.bootstrap,
-                 xtype : 'Container',
-                 items : [
+                 '|xns' : 'Roo.bootstrap',
+                 items  : [
                   {
-                   '|xns' : 'Roo.bootstrap',
+                   xtype : 'Header',
                    cls : 'box-title',
-                   html : _this._strings['6f0e2583dbfc8eab280b4709a8c87b4b'],
+                   html : _this._strings['6f0e2583dbfc8eab280b4709a8c87b4b'] /* Different Width */,
                    level : 3,
                    xns : Roo.bootstrap,
-                   xtype : 'Header'
+                   '|xns' : 'Roo.bootstrap'
                   }
                  ]
-
                 },
                 {
-                 '|xns' : 'Roo.bootstrap',
+                 xtype : 'Form',
                  labelAlign : 'top',
                  xns : Roo.bootstrap,
-                 xtype : 'Form',
-                 items : [
+                 '|xns' : 'Roo.bootstrap',
+                 items  : [
                   {
-                   '|xns' : 'Roo.bootstrap',
+                   xtype : 'Container',
                    cls : 'box-body',
                    xns : Roo.bootstrap,
-                   xtype : 'Container',
-                   items : [
+                   '|xns' : 'Roo.bootstrap',
+                   items  : [
                     {
-                     '|xns' : 'Roo.bootstrap',
-                     xns : Roo.bootstrap,
                      xtype : 'Row',
-                     items : [
+                     xns : Roo.bootstrap,
+                     '|xns' : 'Roo.bootstrap',
+                     items  : [
                       {
-                       '|xns' : 'Roo.bootstrap',
+                       xtype : 'Input',
                        md : 3,
-                       placeholder : _this._strings['7c4d0cf56e05ed67ec50246c517e149b'],
+                       placeholder : _this._strings['7c4d0cf56e05ed67ec50246c517e149b'] /* md 3 */,
                        size : 'md',
                        xns : Roo.bootstrap,
-                       xtype : 'Input'
+                       '|xns' : 'Roo.bootstrap'
                       },
                       {
-                       '|xns' : 'Roo.bootstrap',
+                       xtype : 'Input',
                        md : 3,
-                       placeholder : _this._strings['cb6b36c6d62d94b76628a4543517f89b'],
+                       placeholder : _this._strings['cb6b36c6d62d94b76628a4543517f89b'] /* md 4 */,
                        size : 'md',
                        xns : Roo.bootstrap,
-                       xtype : 'Input'
+                       '|xns' : 'Roo.bootstrap'
                       },
                       {
-                       '|xns' : 'Roo.bootstrap',
+                       xtype : 'Input',
                        md : 5,
-                       placeholder : _this._strings['7c4d0cf56e05ed67ec50246c517e149b'],
+                       placeholder : _this._strings['7c4d0cf56e05ed67ec50246c517e149b'] /* md 3 */,
                        size : 'md',
                        xns : Roo.bootstrap,
-                       xtype : 'Input'
+                       '|xns' : 'Roo.bootstrap'
                       }
                      ]
-
                     }
                    ]
-
                   }
                  ]
-
                 }
                ]
-
               },
               {
-               '|xns' : 'Roo.bootstrap',
+               xtype : 'Container',
                cls : 'box box-info',
                xns : Roo.bootstrap,
-               xtype : 'Container',
-               items : [
+               '|xns' : 'Roo.bootstrap',
+               items  : [
                 {
-                 '|xns' : 'Roo.bootstrap',
+                 xtype : 'Container',
                  cls : 'box-header',
                  xns : Roo.bootstrap,
-                 xtype : 'Container',
-                 items : [
+                 '|xns' : 'Roo.bootstrap',
+                 items  : [
                   {
-                   '|xns' : 'Roo.bootstrap',
+                   xtype : 'Header',
                    cls : 'box-title',
-                   html : _this._strings['2f24bf395be7b31a10b6d501801d4099'],
+                   html : _this._strings['2f24bf395be7b31a10b6d501801d4099'] /* Input Addon */,
                    level : 3,
                    xns : Roo.bootstrap,
-                   xtype : 'Header'
+                   '|xns' : 'Roo.bootstrap'
                   }
                  ]
-
                 },
                 {
-                 '|xns' : 'Roo.bootstrap',
+                 xtype : 'Form',
                  labelAlign : 'top',
                  xns : Roo.bootstrap,
-                 xtype : 'Form',
-                 items : [
+                 '|xns' : 'Roo.bootstrap',
+                 items  : [
                   {
-                   '|xns' : 'Roo.bootstrap',
+                   xtype : 'Container',
                    cls : 'box-body',
                    xns : Roo.bootstrap,
-                   xtype : 'Container',
-                   items : [
+                   '|xns' : 'Roo.bootstrap',
+                   items  : [
                     {
-                     '|xns' : 'Roo.bootstrap',
+                     xtype : 'Input',
                      before : '@',
-                     placeholder : _this._strings['f6b6d9142474aba10b39e88cf4e06f6e'],
+                     placeholder : _this._strings['f6b6d9142474aba10b39e88cf4e06f6e'] /* before : @ */,
                      size : 'md',
                      xns : Roo.bootstrap,
-                     xtype : 'Input'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
+                     xtype : 'Input',
                      after : 0,
-                     placeholder : _this._strings['343f7d4e4b503d9b9cb282205a4d5858'],
+                     placeholder : _this._strings['343f7d4e4b503d9b9cb282205a4d5858'] /* after: .00 */,
                      size : 'md',
                      xns : Roo.bootstrap,
-                     xtype : 'Input'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
+                     xtype : 'Input',
                      after : 0,
                      before : '$',
-                     placeholder : _this._strings['7099e6d377281665976e57e80ba5fe0d'],
+                     placeholder : _this._strings['7099e6d377281665976e57e80ba5fe0d'] /* before $, after: .00 */,
                      size : 'md',
                      xns : Roo.bootstrap,
-                     xtype : 'Input'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
-                     html : _this._strings['71f30e09efd6fac81e65a32a32a1c6ac'],
+                     xtype : 'Header',
+                     html : _this._strings['71f30e09efd6fac81e65a32a32a1c6ac'] /* With Icons */,
                      level : 4,
                      xns : Roo.bootstrap,
-                     xtype : 'Header'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
+                     xtype : 'Input',
                      before : '<i class=\"fa fa-envelope\"></i>',
-                     placeholder : _this._strings['2c5c51fe5216e88d91a0a29c8c22b26f'],
+                     placeholder : _this._strings['2c5c51fe5216e88d91a0a29c8c22b26f'] /* before : &lt;i class=&quot;fa fa-envelope&quot;&gt;&lt;/i&gt; */,
                      size : 'md',
                      xns : Roo.bootstrap,
-                     xtype : 'Input'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
+                     xtype : 'Input',
                      after : '<i class=\"fa fa-check\"></i>',
-                     placeholder : _this._strings['cb76b3c00a2436a2a0d57f1282cbd66a'],
+                     placeholder : _this._strings['cb76b3c00a2436a2a0d57f1282cbd66a'] /* after : &lt;i class=&quot;fa fa-after&quot;&gt;&lt;/i&gt; */,
                      size : 'md',
                      xns : Roo.bootstrap,
-                     xtype : 'Input'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
+                     xtype : 'Input',
                      after : '<i class=\"fa fa-ambulance\"></i>',
                      before : '<i class=\"fa fa-dollar\"></i>',
-                     placeholder : _this._strings['680e083786e18d3b9bd07bffd61dc5dc'],
+                     placeholder : _this._strings['680e083786e18d3b9bd07bffd61dc5dc'] /* after : &lt;i class=&quot;fa fa-ambulance&quot;&gt;&lt;/i&gt; before : &lt;i class=&quot;fa fa-dollar&quot;&gt;&lt;/i&gt; */,
                      size : 'md',
                      xns : Roo.bootstrap,
-                     xtype : 'Input'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
-                     html : _this._strings['b85c1bc6f73a44489045c76aafbab96c'],
+                     xtype : 'Header',
+                     html : _this._strings['b85c1bc6f73a44489045c76aafbab96c'] /* With checkbox and radio */,
                      level : 4,
                      xns : Roo.bootstrap,
-                     xtype : 'Header'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
-                     xns : Roo.bootstrap,
                      xtype : 'Row',
-                     items : [
+                     xns : Roo.bootstrap,
+                     '|xns' : 'Roo.bootstrap',
+                     items  : [
                       {
-                       '|xns' : 'Roo.bootstrap',
+                       xtype : 'Input',
                        before : 'fixme',
                        md : 6,
-                       placeholder : _this._strings['d1457b72c3fb323a2671125aef3eab5d'],
+                       placeholder : _this._strings['d1457b72c3fb323a2671125aef3eab5d'] /* ? */,
                        size : 'md',
                        xns : Roo.bootstrap,
-                       xtype : 'Input'
+                       '|xns' : 'Roo.bootstrap'
                       },
                       {
-                       '|xns' : 'Roo.bootstrap',
+                       xtype : 'Input',
                        md : 6,
-                       placeholder : _this._strings['cb6b36c6d62d94b76628a4543517f89b'],
+                       placeholder : _this._strings['cb6b36c6d62d94b76628a4543517f89b'] /* md 4 */,
                        size : 'md',
                        xns : Roo.bootstrap,
-                       xtype : 'Input'
+                       '|xns' : 'Roo.bootstrap'
                       }
                      ]
-
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
-                     html : _this._strings['8d71e1fffea14ff1d8b7acbe0ded4305'],
+                     xtype : 'Header',
+                     html : _this._strings['8d71e1fffea14ff1d8b7acbe0ded4305'] /* With buttons */,
                      level : 4,
                      xns : Roo.bootstrap,
-                     xtype : 'Header'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
+                     xtype : 'Input',
+                     placeholder : _this._strings['1c8d3efd26af385c51153c5bc082a279'] /* before :  - an object...     */,
+                     size : 'md',
+                     xns : Roo.bootstrap,
+                     '|xns' : 'Roo.bootstrap',
                      before : {
+                      xtype : 'Button',
+                      html : _this._strings['dbd7790bcd23fde7607101ef6a633779'] /* http:// */,
+                      weight : 'primary',
+                      listeners : {
+                       render : function (_self)
+                        {
+                            _this.httpButton = _self;
+                        }
+                      },
+                      xns : Roo.bootstrap,
+                      '|xns' : 'Roo.bootstrap',
                       menu : {
-                       '|xns' : 'Roo.bootstrap',
-                       xns : Roo.bootstrap,
                        xtype : 'Menu',
-                       items : [
+                       xns : Roo.bootstrap,
+                       '|xns' : 'Roo.bootstrap',
+                       items  : [
                         {
-                         '|xns' : 'Roo.bootstrap',
-                         html : _this._strings['dbd7790bcd23fde7607101ef6a633779'],
-                         xns : Roo.bootstrap,
                          xtype : 'MenuItem',
+                         html : _this._strings['dbd7790bcd23fde7607101ef6a633779'] /* http:// */,
                          listeners : {
                           click : function (e)
                            {
                                _this.httpButton.setText("http://");
                            }
-                         }
+                         },
+                         xns : Roo.bootstrap,
+                         '|xns' : 'Roo.bootstrap'
                         },
                         {
-                         '|xns' : 'Roo.bootstrap',
-                         html : _this._strings['f8eae6750519389e078e1eb1bcb3d708'],
-                         xns : Roo.bootstrap,
                          xtype : 'MenuItem',
+                         html : _this._strings['f8eae6750519389e078e1eb1bcb3d708'] /* https:// */,
                          listeners : {
                           click : function (e)
                            {
                                _this.httpButton.setText("https://");
                            }
-                         }
+                         },
+                         xns : Roo.bootstrap,
+                         '|xns' : 'Roo.bootstrap'
                         }
                        ]
-
-                      },
-                      '|xns' : 'Roo.bootstrap',
-                      html : _this._strings['dbd7790bcd23fde7607101ef6a633779'],
-                      weight : 'primary',
-                      xns : Roo.bootstrap,
-                      xtype : 'Button',
-                      listeners : {
-                       render : function (_self)
-                        {
-                            _this.httpButton = _self;
-                        }
-                      },
-                      items : [
-
-                      ]
-
-                     },
-                     '|xns' : 'Roo.bootstrap',
-                     placeholder : _this._strings['1d74eaa01575d5f21d7a8e54154126e3'],
-                     size : 'md',
-                     xns : Roo.bootstrap,
-                     xtype : 'Input',
-                     items : [
-
-                     ]
-
+                      }
+                     }
                     },
                     {
+                     xtype : 'Input',
+                     placeholder : _this._strings['221fd7bbd5b513f2c2db2939fcefec96'] /* after - a button */,
+                     size : 'md',
+                     xns : Roo.bootstrap,
+                     '|xns' : 'Roo.bootstrap',
                      after : {
-                      '|xns' : 'Roo.bootstrap',
-                      html : _this._strings['5f075ae3e1f9d0382bb8c4632991f96f'],
+                      xtype : 'Button',
+                      html : _this._strings['5f075ae3e1f9d0382bb8c4632991f96f'] /* Go */,
                       weight : 'success',
                       xns : Roo.bootstrap,
-                      xtype : 'Button'
-                     },
-                     '|xns' : 'Roo.bootstrap',
-                     placeholder : _this._strings['221fd7bbd5b513f2c2db2939fcefec96'],
-                     size : 'md',
-                     xns : Roo.bootstrap,
-                     xtype : 'Input',
-                     items : [
-
-                     ]
-
+                      '|xns' : 'Roo.bootstrap'
+                     }
                     }
                    ]
-
                   }
                  ]
-
                 }
                ]
-
               }
              ]
-
             },
             {
-             '|xns' : 'Roo.bootstrap',
+             xtype : 'Column',
              md : 6,
              sm : 12,
              xns : Roo.bootstrap,
-             xtype : 'Column',
-             items : [
+             '|xns' : 'Roo.bootstrap',
+             items  : [
               {
-               '|xns' : 'Roo.bootstrap',
+               xtype : 'Container',
                cls : 'box box-warning',
                xns : Roo.bootstrap,
-               xtype : 'Container',
-               items : [
+               '|xns' : 'Roo.bootstrap',
+               items  : [
                 {
-                 '|xns' : 'Roo.bootstrap',
+                 xtype : 'Container',
                  cls : 'box-header',
                  xns : Roo.bootstrap,
-                 xtype : 'Container',
-                 items : [
+                 '|xns' : 'Roo.bootstrap',
+                 items  : [
                   {
-                   '|xns' : 'Roo.bootstrap',
+                   xtype : 'Header',
                    cls : 'box-title',
-                   html : _this._strings['1d042703152e2b45f3b2ee38610b9a07'],
+                   html : _this._strings['1d042703152e2b45f3b2ee38610b9a07'] /* General Elements */,
                    level : 3,
                    xns : Roo.bootstrap,
-                   xtype : 'Header'
+                   '|xns' : 'Roo.bootstrap'
                   }
                  ]
-
                 },
                 {
-                 '|xns' : 'Roo.bootstrap',
+                 xtype : 'Form',
                  labelAlign : 'top',
                  xns : Roo.bootstrap,
-                 xtype : 'Form',
-                 items : [
+                 '|xns' : 'Roo.bootstrap',
+                 items  : [
                   {
-                   '|xns' : 'Roo.bootstrap',
+                   xtype : 'Container',
                    cls : 'box-body',
                    xns : Roo.bootstrap,
-                   xtype : 'Container',
-                   items : [
+                   '|xns' : 'Roo.bootstrap',
+                   items  : [
                     {
-                     '|xns' : 'Roo.bootstrap',
-                     fieldLabel : 'Text',
-                     placeholder : _this._strings['4c3d0e43b52db64c94f842da7fc7224c'],
+                     xtype : 'Input',
+                     fieldLabel : _this._strings['9dffbf69ffba8bc38bc4e01abf4b1675'] /* Text */,
+                     placeholder : _this._strings['4c3d0e43b52db64c94f842da7fc7224c'] /* Enter ... */,
                      xns : Roo.bootstrap,
-                     xtype : 'Input'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
+                     xtype : 'Input',
                      disabled : true,
-                     fieldLabel : 'Text',
-                     placeholder : _this._strings['ac8f3751f51c35383892f7a1684e35ea'],
+                     fieldLabel : _this._strings['9dffbf69ffba8bc38bc4e01abf4b1675'] /* Text */,
+                     placeholder : _this._strings['ac8f3751f51c35383892f7a1684e35ea'] /* disabled = true */,
                      xns : Roo.bootstrap,
-                     xtype : 'Input'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
-                     fieldLabel : 'Textarea',
+                     xtype : 'TextArea',
+                     fieldLabel : _this._strings['b5d4d25fe3fa9f8263b5f279a372b709'] /* Textarea */,
                      xns : Roo.bootstrap,
-                     xtype : 'TextArea'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
+                     xtype : 'TextArea',
                      disabled : true,
-                     fieldLabel : 'Textarea',
-                     placeholder : _this._strings['3b545ecbbdf3673f195c5a692fefa928'],
+                     fieldLabel : _this._strings['b5d4d25fe3fa9f8263b5f279a372b709'] /* Textarea */,
+                     placeholder : _this._strings['3b545ecbbdf3673f195c5a692fefa928'] /* disabled=true */,
                      xns : Roo.bootstrap,
-                     xtype : 'TextArea'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
+                     xtype : 'Input',
                      cls : 'has-success',
-                     fieldLabel : 'Input with Success',
-                     placeholder : _this._strings['088eb66998a403897b60aa8ee9115c91'],
+                     fieldLabel : _this._strings['f536bd90041a983b324d7a81de4e8089'] /* Input with Success */,
+                     placeholder : _this._strings['088eb66998a403897b60aa8ee9115c91'] /* cls = has-success */,
                      xns : Roo.bootstrap,
-                     xtype : 'Input'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
+                     xtype : 'Input',
                      cls : 'has-warning',
-                     fieldLabel : 'Input with Warning',
-                     placeholder : _this._strings['e7ef9c258353d78ca676588bd59ec915'],
+                     fieldLabel : _this._strings['82a3bed694a221ef4bb4f18514b05843'] /* Input with Warning */,
+                     placeholder : _this._strings['e7ef9c258353d78ca676588bd59ec915'] /* cls = has-warning */,
                      xns : Roo.bootstrap,
-                     xtype : 'Input'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
+                     xtype : 'Input',
                      cls : 'has-error',
-                     fieldLabel : 'Input with Error',
-                     placeholder : _this._strings['fe65c0ed916a464efda8e6b69b846d09'],
+                     fieldLabel : _this._strings['8ac5836f3de7379d49bc60dcd36913c7'] /* Input with Error */,
+                     placeholder : _this._strings['fe65c0ed916a464efda8e6b69b846d09'] /* cls = has-error */,
                      xns : Roo.bootstrap,
-                     xtype : 'Input'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
-                     boxLabel : 'Checkbox 1',
+                     xtype : 'CheckBox',
+                     boxLabel : _this._strings['de8a19fe7b105f264a9a83909b880af3'] /* Checkbox 1 */,
                      xns : Roo.bootstrap,
-                     xtype : 'CheckBox'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
-                     boxLabel : 'Checkbox weight=primary',
+                     xtype : 'CheckBox',
+                     boxLabel : _this._strings['7c230330ef184cac6b35f3c20e40dedd'] /* Checkbox weight=primary */,
                      checked : true,
                      weight : 'primary',
                      xns : Roo.bootstrap,
-                     xtype : 'CheckBox'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
-                     boxLabel : 'Checkbox Disabled',
+                     xtype : 'CheckBox',
+                     boxLabel : _this._strings['9a64581b8c734327d597d13177b4203e'] /* Checkbox Disabled */,
                      disabled : true,
                      xns : Roo.bootstrap,
-                     xtype : 'CheckBox'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
-                     boxLabel : 'Radio 1',
+                     xtype : 'Radio',
+                     boxLabel : _this._strings['770e06d40b8b4d64e89c24098d25fdc2'] /* Radio 1 */,
                      name : 'radio',
                      value : 1,
                      xns : Roo.bootstrap,
-                     xtype : 'Radio'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
-                     boxLabel : 'Radio (weight=danger)',
+                     xtype : 'Radio',
+                     boxLabel : _this._strings['2638b51cce6f3ce99752fa859b9c71a8'] /* Radio (weight=danger) */,
                      name : 'radio',
                      value : 2,
                      weight : 'danger',
                      xns : Roo.bootstrap,
-                     xtype : 'Radio'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
-                     boxLabel : 'Radio Disabled',
+                     xtype : 'Radio',
+                     boxLabel : _this._strings['b52b5a382a07e93eb72c79ae431f3159'] /* Radio Disabled */,
                      disabled : true,
                      name : 'radio',
                      value : 3,
                      xns : Roo.bootstrap,
-                     xtype : 'Radio'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     store : {
-                      '|xns' : 'Roo.data',
-                      data : [ [ 'option a'] ,[ 'option b'] ],
-                      fields : [ 'item' ],
-                      xns : Roo.data,
-                      xtype : 'SimpleStore'
-                     },
-                     '|xns' : 'Roo.bootstrap',
+                     xtype : 'ComboBox',
                      displayField : 'item',
                      editable : false,
-                     fieldLabel : 'ComboBox',
+                     fieldLabel : _this._strings['fd249a0c28275ebf9d4c8464ca2225cf'] /* ComboBox */,
                      mode : 'local',
                      name : 'combotest',
-                     tpl : '<li class=\"select2-result\"><b>{item}</b></div>',
+                     tpl : '<li class=\"roo-select2-result\"><b>{item}</b></div>',
                      triggerAction : 'all',
                      valueField : 'item',
                      xns : Roo.bootstrap,
-                     xtype : 'ComboBox',
-                     items : [
-
-                     ]
-
-                    },
-                    {
+                     '|xns' : 'Roo.bootstrap',
                      store : {
-                      '|xns' : 'Roo.data',
+                      xtype : 'SimpleStore',
                       data : [ [ 'option a'] ,[ 'option b'] ],
                       fields : [ 'item' ],
                       xns : Roo.data,
-                      xtype : 'SimpleStore'
-                     },
-                     '|xns' : 'Roo.bootstrap',
+                      '|xns' : 'Roo.data'
+                     }
+                    },
+                    {
+                     xtype : 'ComboBox',
                      disabled : true,
                      displayField : 'item',
                      editable : false,
-                     fieldLabel : 'ComboBox disabled',
+                     fieldLabel : _this._strings['c81c5cb4cbfa1fe7cc3ae45112da3bf8'] /* ComboBox disabled */,
                      mode : 'local',
                      name : 'combotest',
-                     tpl : '<li class=\"select2-result\"><b>{item}</b></div>',
+                     tpl : '<li class=\"roo-select2-result\"><b>{item}</b></div>',
                      triggerAction : 'all',
                      valueField : 'item',
                      xns : Roo.bootstrap,
-                     xtype : 'ComboBox',
-                     items : [
-
-                     ]
-
-                    },
-                    {
+                     '|xns' : 'Roo.bootstrap',
                      store : {
-                      '|xns' : 'Roo.data',
+                      xtype : 'SimpleStore',
                       data : [ [ 'option a'] ,[ 'option b'] ],
                       fields : [ 'item' ],
                       xns : Roo.data,
-                      xtype : 'SimpleStore'
-                     },
-                     '|xns' : 'Roo.bootstrap',
+                      '|xns' : 'Roo.data'
+                     }
+                    },
+                    {
+                     xtype : 'ComboBox',
                      displayField : 'item',
                      editable : false,
-                     fieldLabel : 'Multiple selection',
+                     fieldLabel : _this._strings['1dcae4807c06e16567efb6eff4f1296c'] /* Multiple selection */,
                      mode : 'local',
                      multiple : true,
                      name : 'combotest',
-                     tpl : '<li class=\"select2-result\"><b>{item}</b></div>',
+                     tpl : '<li class=\"roo-select2-result\"><b>{item}</b></div>',
                      triggerAction : 'all',
                      valueField : 'item',
                      xns : Roo.bootstrap,
-                     xtype : 'ComboBox',
-                     items : [
-
-                     ]
-
+                     '|xns' : 'Roo.bootstrap',
+                     store : {
+                      xtype : 'SimpleStore',
+                      data : [ [ 'option a'] ,[ 'option b'] ],
+                      fields : [ 'item' ],
+                      xns : Roo.data,
+                      '|xns' : 'Roo.data'
+                     }
                     }
                    ]
-
                   }
                  ]
-
                 }
                ]
-
               }
              ]
-
             }
            ]
-
           }
          ]
-
         }
        ]
-
       }
      ]
-
     }
    ]
-
   };  }
 });