git.roojs.org Git - roojs1/blob - examples/bootstrap/dashboard1.js

   1 //<script type="text/javascript">
   2
   3 // Auto generated file - created by app.Builder.js- do not edit directly (at present!)
   4
   5 dashboard1 = new Roo.XComponent({
   6
   7  _strings : {
   8   'dbd7790bcd23fde7607101ef6a633779' :"http://",
   9   '9dffbf69ffba8bc38bc4e01abf4b1675' :"Text",
  10   '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;",
  11   'f6b6d9142474aba10b39e88cf4e06f6e' :"before : @",
  12   '7c4d0cf56e05ed67ec50246c517e149b' :"md 3",
  13   'cb6b36c6d62d94b76628a4543517f89b' :"md 4",
  14   '1d042703152e2b45f3b2ee38610b9a07' :"General Elements",
  15   'fe65c0ed916a464efda8e6b69b846d09' :"cls = has-error",
  16   '5f075ae3e1f9d0382bb8c4632991f96f' :"Go",
  17   '643a860f992333b8600ea264aca7c4fc' :"Email Address",
  18   '69165cb5e53db90fd85e2b0a98f1d77b' :"size sm",
  19   'a1e27e67ca3c6c3198c36a32e416a65f' :"General Form Elements  <small> Preview </small>",
  20   '7c230330ef184cac6b35f3c20e40dedd' :"Checkbox weight=primary",
  21   'c3d8baf1b9da3d6922aea0057717a0b7' :"Enter email",
  22   'c81c5cb4cbfa1fe7cc3ae45112da3bf8' :"ComboBox disabled",
  23   'b85c1bc6f73a44489045c76aafbab96c' :"With checkbox and radio",
  24   'ac8f3751f51c35383892f7a1684e35ea' :"disabled = true",
  25   '8ac5836f3de7379d49bc60dcd36913c7' :"Input with Error",
  26   'cb76b3c00a2436a2a0d57f1282cbd66a' :"after : &lt;i class=&quot;fa fa-after&quot;&gt;&lt;/i&gt;",
  27   'fd249a0c28275ebf9d4c8464ca2225cf' :"ComboBox",
  28   '5485e0b19975fe1d4400e35162a7c099' :"Quick Example",
  29   'c4ca4238a0b923820dcc509a6f75849b' :"1",
  30   '20cd1be1f1f5928b3ee0ca6d96c01338' :"Uplaod a file",
  31   'e7ef9c258353d78ca676588bd59ec915' :"cls = has-warning",
  32   'c81e728d9d4c2f636f067f89cc14862c' :"2",
  33   '483bc24d842fe8f3ec3a6f92fbd31922' :"Enter password",
  34   '2c5c51fe5216e88d91a0a29c8c22b26f' :"before : &lt;i class=&quot;fa fa-envelope&quot;&gt;&lt;/i&gt;",
  35   '8d71e1fffea14ff1d8b7acbe0ded4305' :"With buttons",
  36   'eccbc87e4b5ce2fe28308fd9f2a7baf3' :"3",
  37   '5f7a612768f22e04c0a0c4bb0c24ce91' :"size md",
  38   'de8a19fe7b105f264a9a83909b880af3' :"Checkbox 1",
  39   '08583f18f5ab76dcb709f7b34eb59104' :"Different Height",
  40   '7099e6d377281665976e57e80ba5fe0d' :"before $, after: .00",
  41   '82a3bed694a221ef4bb4f18514b05843' :"Input with Warning",
  42   '770e06d40b8b4d64e89c24098d25fdc2' :"Radio 1",
  43   'b52b5a382a07e93eb72c79ae431f3159' :"Radio Disabled",
  44   '088eb66998a403897b60aa8ee9115c91' :"cls = has-success",
  45   'dc647eb65e6711e155375218212b3964' :"Password",
  46   '343f7d4e4b503d9b9cb282205a4d5858' :"after: .00",
  47   '9a64581b8c734327d597d13177b4203e' :"Checkbox Disabled",
  48   '221fd7bbd5b513f2c2db2939fcefec96' :"after - a button",
  49   '76946ef61117810371fa41415c86a2ed' :"size lg",
  50   'b5d4d25fe3fa9f8263b5f279a372b709' :"Textarea",
  51   '3b545ecbbdf3673f195c5a692fefa928' :"disabled=true",
  52   '71f30e09efd6fac81e65a32a32a1c6ac' :"With Icons",
  53   'f536bd90041a983b324d7a81de4e8089' :"Input with Success",
  54   '2638b51cce6f3ce99752fa859b9c71a8' :"Radio (weight=danger)",
  55   'f8eae6750519389e078e1eb1bcb3d708' :"https://",
  56   '1c8d3efd26af385c51153c5bc082a279' :"before :  - an object...    ",
  57   '2f24bf395be7b31a10b6d501801d4099' :"Input Addon",
  58   '6f0e2583dbfc8eab280b4709a8c87b4b' :"Different Width",
  59   '1dcae4807c06e16567efb6eff4f1296c' :"Multiple selection",
  60   '9fced129522f128b2445a41fb0b6ef9f' :"checkbox",
  61   'd1457b72c3fb323a2671125aef3eab5d' :"?",
  62   'a4d3b161ce1309df1c4e25df28694b7b' :"Submit",
  63   '4c3d0e43b52db64c94f842da7fc7224c' :"Enter ..."
  64  },
  65  _named_strings : {
  66   'radio_boxLabel' : 'b52b5a382a07e93eb72c79ae431f3159' /* Radio Disabled */ ,
  67   'radio_value' : 'eccbc87e4b5ce2fe28308fd9f2a7baf3' /* 3 */ ,
  68   'combotest_fieldLabel' : '1dcae4807c06e16567efb6eff4f1296c' /* Multiple selection */
  69  },
  70
  71   part     :  ["bootstrap", "dashboard1" ],
  72   order    : '001-dashboard-',
  73   region   : 'center',
  74   parent   : false,
  75   name     : "unnamed module",
  76   disabled : false,
  77   permname : '',
  78   _tree : function(_data)
  79   {
  80    var _this = this;
  81    var MODULE = this;
  82    return {
  83    xtype : 'Body',
  84    cls : 'skin-blue',
  85    xns : Roo.bootstrap,
  86    '|xns' : 'Roo.bootstrap',
  87    items  : [
  88     Roo.apply(Dashboard.Header1._tree(), {
  89      xtype : 'Container',
  90      cls : 'header',
  91      tag : 'header',
  92      xns : Roo.bootstrap,
  93      '|xns' : 'Roo.bootstrap'
  94     }),
  95     {
  96      xtype : 'Container',
  97      cls : 'wrapper row-offcanvas row-offcanvas-left',
  98      'flexy:include' : 'Sidebar.html',
  99      xns : Roo.bootstrap,
 100      '|xns' : 'Roo.bootstrap',
 101      items  : [
 102       Roo.apply(Dashboard.Sidebar2._tree(), {
 103        xtype : 'Container',
 104        cls : 'left-side sidebar-offcanvas',
 105        tag : 'aside',
 106        xns : Roo.bootstrap,
 107        '|xns' : 'Roo.bootstrap'
 108       }),
 109       {
 110        xtype : 'Container',
 111        cls : 'right-side',
 112        tag : 'aside',
 113        xns : Roo.bootstrap,
 114        '|xns' : 'Roo.bootstrap',
 115        items  : [
 116         {
 117          xtype : 'Container',
 118          cls : 'content-header',
 119          tag : 'section',
 120          xns : Roo.bootstrap,
 121          '|xns' : 'Roo.bootstrap',
 122          items  : [
 123           {
 124            xtype : 'Header',
 125            html : _this._strings['a1e27e67ca3c6c3198c36a32e416a65f'] /* General Form Elements  <small> Preview </small> */,
 126            xns : Roo.bootstrap,
 127            '|xns' : 'Roo.bootstrap'
 128           }
 129          ]
 130         },
 131         {
 132          xtype : 'Container',
 133          cls : 'content',
 134          tag : 'section',
 135          xns : Roo.bootstrap,
 136          '|xns' : 'Roo.bootstrap',
 137          items  : [
 138           {
 139            xtype : 'Row',
 140            xns : Roo.bootstrap,
 141            '|xns' : 'Roo.bootstrap',
 142            items  : [
 143             {
 144              xtype : 'Column',
 145              md : 6,
 146              sm : 12,
 147              xns : Roo.bootstrap,
 148              '|xns' : 'Roo.bootstrap',
 149              items  : [
 150               {
 151                xtype : 'Container',
 152                cls : 'box box-primary',
 153                xns : Roo.bootstrap,
 154                '|xns' : 'Roo.bootstrap',
 155                items  : [
 156                 {
 157                  xtype : 'Container',
 158                  cls : 'box-header',
 159                  xns : Roo.bootstrap,
 160                  '|xns' : 'Roo.bootstrap',
 161                  items  : [
 162                   {
 163                    xtype : 'Header',
 164                    cls : 'box-title',
 165                    html : _this._strings['5485e0b19975fe1d4400e35162a7c099'] /* Quick Example */,
 166                    level : 3,
 167                    xns : Roo.bootstrap,
 168                    '|xns' : 'Roo.bootstrap'
 169                   }
 170                  ]
 171                 },
 172                 {
 173                  xtype : 'Form',
 174                  labelAlign : 'top',
 175                  xns : Roo.bootstrap,
 176                  '|xns' : 'Roo.bootstrap',
 177                  items  : [
 178                   {
 179                    xtype : 'Container',
 180                    cls : 'box-body',
 181                    xns : Roo.bootstrap,
 182                    '|xns' : 'Roo.bootstrap',
 183                    items  : [
 184                     {
 185                      xtype : 'Input',
 186                      fieldLabel : _this._strings['dc647eb65e6711e155375218212b3964'] /* Password */,
 187                      inputType : 'password',
 188                      placeholder : _this._strings['483bc24d842fe8f3ec3a6f92fbd31922'] /* Enter password */,
 189                      tooltip : 'Hello world',
 190                      xns : Roo.bootstrap,
 191                      '|xns' : 'Roo.bootstrap'
 192                     },
 193                     {
 194                      xtype : 'Input',
 195                      fieldLabel : _this._strings['643a860f992333b8600ea264aca7c4fc'] /* Email Address */,
 196                      placeholder : _this._strings['c3d8baf1b9da3d6922aea0057717a0b7'] /* Enter email */,
 197                      vtype : 'email',
 198                      xns : Roo.bootstrap,
 199                      '|xns' : 'Roo.bootstrap'
 200                     },
 201                     {
 202                      xtype : 'ButtonUpload',
 203                      html : _this._strings['20cd1be1f1f5928b3ee0ca6d96c01338'] /* Uplaod a file */,
 204                      inputType : 'file',
 205                      xns : Roo.bootstrap,
 206                      '|xns' : 'Roo.bootstrap'
 207                     },
 208                     {
 209                      xtype : 'CheckBox',
 210                      boxLabel : _this._strings['9fced129522f128b2445a41fb0b6ef9f'] /* checkbox */,
 211                      xns : Roo.bootstrap,
 212                      '|xns' : 'Roo.bootstrap'
 213                     },
 214                     {
 215                      xtype : 'Button',
 216                      html : _this._strings['a4d3b161ce1309df1c4e25df28694b7b'] /* Submit */,
 217                      tooltip : 'A button',
 218                      weight : 'primary',
 219                      xns : Roo.bootstrap,
 220                      '|xns' : 'Roo.bootstrap'
 221                     }
 222                    ]
 223                   }
 224                  ]
 225                 }
 226                ]
 227               },
 228               {
 229                xtype : 'Container',
 230                cls : 'box box-success',
 231                xns : Roo.bootstrap,
 232                '|xns' : 'Roo.bootstrap',
 233                items  : [
 234                 {
 235                  xtype : 'Container',
 236                  cls : 'box-header',
 237                  xns : Roo.bootstrap,
 238                  '|xns' : 'Roo.bootstrap',
 239                  items  : [
 240                   {
 241                    xtype : 'Header',
 242                    cls : 'box-title',
 243                    html : _this._strings['08583f18f5ab76dcb709f7b34eb59104'] /* Different Height */,
 244                    level : 3,
 245                    xns : Roo.bootstrap,
 246                    '|xns' : 'Roo.bootstrap'
 247                   }
 248                  ]
 249                 },
 250                 {
 251                  xtype : 'Form',
 252                  labelAlign : 'top',
 253                  xns : Roo.bootstrap,
 254                  '|xns' : 'Roo.bootstrap',
 255                  items  : [
 256                   {
 257                    xtype : 'Container',
 258                    cls : 'box-body',
 259                    xns : Roo.bootstrap,
 260                    '|xns' : 'Roo.bootstrap',
 261                    items  : [
 262                     {
 263                      xtype : 'Input',
 264                      placeholder : _this._strings['76946ef61117810371fa41415c86a2ed'] /* size lg */,
 265                      size : 'lg',
 266                      xns : Roo.bootstrap,
 267                      '|xns' : 'Roo.bootstrap'
 268                     },
 269                     {
 270                      xtype : 'Input',
 271                      placeholder : _this._strings['5f7a612768f22e04c0a0c4bb0c24ce91'] /* size md */,
 272                      size : 'md',
 273                      xns : Roo.bootstrap,
 274                      '|xns' : 'Roo.bootstrap'
 275                     },
 276                     {
 277                      xtype : 'Input',
 278                      placeholder : _this._strings['69165cb5e53db90fd85e2b0a98f1d77b'] /* size sm */,
 279                      size : 'sm',
 280                      xns : Roo.bootstrap,
 281                      '|xns' : 'Roo.bootstrap'
 282                     }
 283                    ]
 284                   }
 285                  ]
 286                 }
 287                ]
 288               },
 289               {
 290                xtype : 'Container',
 291                cls : 'box box-danger',
 292                xns : Roo.bootstrap,
 293                '|xns' : 'Roo.bootstrap',
 294                items  : [
 295                 {
 296                  xtype : 'Container',
 297                  cls : 'box-header',
 298                  xns : Roo.bootstrap,
 299                  '|xns' : 'Roo.bootstrap',
 300                  items  : [
 301                   {
 302                    xtype : 'Header',
 303                    cls : 'box-title',
 304                    html : _this._strings['6f0e2583dbfc8eab280b4709a8c87b4b'] /* Different Width */,
 305                    level : 3,
 306                    xns : Roo.bootstrap,
 307                    '|xns' : 'Roo.bootstrap'
 308                   }
 309                  ]
 310                 },
 311                 {
 312                  xtype : 'Form',
 313                  labelAlign : 'top',
 314                  xns : Roo.bootstrap,
 315                  '|xns' : 'Roo.bootstrap',
 316                  items  : [
 317                   {
 318                    xtype : 'Container',
 319                    cls : 'box-body',
 320                    xns : Roo.bootstrap,
 321                    '|xns' : 'Roo.bootstrap',
 322                    items  : [
 323                     {
 324                      xtype : 'Row',
 325                      xns : Roo.bootstrap,
 326                      '|xns' : 'Roo.bootstrap',
 327                      items  : [
 328                       {
 329                        xtype : 'Input',
 330                        md : 3,
 331                        placeholder : _this._strings['7c4d0cf56e05ed67ec50246c517e149b'] /* md 3 */,
 332                        size : 'md',
 333                        xns : Roo.bootstrap,
 334                        '|xns' : 'Roo.bootstrap'
 335                       },
 336                       {
 337                        xtype : 'Input',
 338                        md : 3,
 339                        placeholder : _this._strings['cb6b36c6d62d94b76628a4543517f89b'] /* md 4 */,
 340                        size : 'md',
 341                        xns : Roo.bootstrap,
 342                        '|xns' : 'Roo.bootstrap'
 343                       },
 344                       {
 345                        xtype : 'Input',
 346                        md : 5,
 347                        placeholder : _this._strings['7c4d0cf56e05ed67ec50246c517e149b'] /* md 3 */,
 348                        size : 'md',
 349                        xns : Roo.bootstrap,
 350                        '|xns' : 'Roo.bootstrap'
 351                       }
 352                      ]
 353                     }
 354                    ]
 355                   }
 356                  ]
 357                 }
 358                ]
 359               },
 360               {
 361                xtype : 'Container',
 362                cls : 'box box-info',
 363                xns : Roo.bootstrap,
 364                '|xns' : 'Roo.bootstrap',
 365                items  : [
 366                 {
 367                  xtype : 'Container',
 368                  cls : 'box-header',
 369                  xns : Roo.bootstrap,
 370                  '|xns' : 'Roo.bootstrap',
 371                  items  : [
 372                   {
 373                    xtype : 'Header',
 374                    cls : 'box-title',
 375                    html : _this._strings['2f24bf395be7b31a10b6d501801d4099'] /* Input Addon */,
 376                    level : 3,
 377                    xns : Roo.bootstrap,
 378                    '|xns' : 'Roo.bootstrap'
 379                   }
 380                  ]
 381                 },
 382                 {
 383                  xtype : 'Form',
 384                  labelAlign : 'top',
 385                  xns : Roo.bootstrap,
 386                  '|xns' : 'Roo.bootstrap',
 387                  items  : [
 388                   {
 389                    xtype : 'Container',
 390                    cls : 'box-body',
 391                    xns : Roo.bootstrap,
 392                    '|xns' : 'Roo.bootstrap',
 393                    items  : [
 394                     {
 395                      xtype : 'Input',
 396                      before : '@',
 397                      placeholder : _this._strings['f6b6d9142474aba10b39e88cf4e06f6e'] /* before : @ */,
 398                      size : 'md',
 399                      xns : Roo.bootstrap,
 400                      '|xns' : 'Roo.bootstrap'
 401                     },
 402                     {
 403                      xtype : 'Input',
 404                      after : 0,
 405                      placeholder : _this._strings['343f7d4e4b503d9b9cb282205a4d5858'] /* after: .00 */,
 406                      size : 'md',
 407                      xns : Roo.bootstrap,
 408                      '|xns' : 'Roo.bootstrap'
 409                     },
 410                     {
 411                      xtype : 'Input',
 412                      after : 0,
 413                      before : '$',
 414                      placeholder : _this._strings['7099e6d377281665976e57e80ba5fe0d'] /* before $, after: .00 */,
 415                      size : 'md',
 416                      xns : Roo.bootstrap,
 417                      '|xns' : 'Roo.bootstrap'
 418                     },
 419                     {
 420                      xtype : 'Header',
 421                      html : _this._strings['71f30e09efd6fac81e65a32a32a1c6ac'] /* With Icons */,
 422                      level : 4,
 423                      xns : Roo.bootstrap,
 424                      '|xns' : 'Roo.bootstrap'
 425                     },
 426                     {
 427                      xtype : 'Input',
 428                      before : '<i class=\"fa fa-envelope\"></i>',
 429                      placeholder : _this._strings['2c5c51fe5216e88d91a0a29c8c22b26f'] /* before : &lt;i class=&quot;fa fa-envelope&quot;&gt;&lt;/i&gt; */,
 430                      size : 'md',
 431                      xns : Roo.bootstrap,
 432                      '|xns' : 'Roo.bootstrap'
 433                     },
 434                     {
 435                      xtype : 'Input',
 436                      after : '<i class=\"fa fa-check\"></i>',
 437                      placeholder : _this._strings['cb76b3c00a2436a2a0d57f1282cbd66a'] /* after : &lt;i class=&quot;fa fa-after&quot;&gt;&lt;/i&gt; */,
 438                      size : 'md',
 439                      xns : Roo.bootstrap,
 440                      '|xns' : 'Roo.bootstrap'
 441                     },
 442                     {
 443                      xtype : 'Input',
 444                      after : '<i class=\"fa fa-ambulance\"></i>',
 445                      before : '<i class=\"fa fa-dollar\"></i>',
 446                      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; */,
 447                      size : 'md',
 448                      xns : Roo.bootstrap,
 449                      '|xns' : 'Roo.bootstrap'
 450                     },
 451                     {
 452                      xtype : 'Header',
 453                      html : _this._strings['b85c1bc6f73a44489045c76aafbab96c'] /* With checkbox and radio */,
 454                      level : 4,
 455                      xns : Roo.bootstrap,
 456                      '|xns' : 'Roo.bootstrap'
 457                     },
 458                     {
 459                      xtype : 'Row',
 460                      xns : Roo.bootstrap,
 461                      '|xns' : 'Roo.bootstrap',
 462                      items  : [
 463                       {
 464                        xtype : 'Input',
 465                        before : 'fixme',
 466                        md : 6,
 467                        placeholder : _this._strings['d1457b72c3fb323a2671125aef3eab5d'] /* ? */,
 468                        size : 'md',
 469                        xns : Roo.bootstrap,
 470                        '|xns' : 'Roo.bootstrap'
 471                       },
 472                       {
 473                        xtype : 'Input',
 474                        md : 6,
 475                        placeholder : _this._strings['cb6b36c6d62d94b76628a4543517f89b'] /* md 4 */,
 476                        size : 'md',
 477                        xns : Roo.bootstrap,
 478                        '|xns' : 'Roo.bootstrap'
 479                       }
 480                      ]
 481                     },
 482                     {
 483                      xtype : 'Header',
 484                      html : _this._strings['8d71e1fffea14ff1d8b7acbe0ded4305'] /* With buttons */,
 485                      level : 4,
 486                      xns : Roo.bootstrap,
 487                      '|xns' : 'Roo.bootstrap'
 488                     },
 489                     {
 490                      xtype : 'Input',
 491                      placeholder : _this._strings['1c8d3efd26af385c51153c5bc082a279'] /* before :  - an object...     */,
 492                      size : 'md',
 493                      xns : Roo.bootstrap,
 494                      '|xns' : 'Roo.bootstrap',
 495                      before : {
 496                       xtype : 'Button',
 497                       html : _this._strings['dbd7790bcd23fde7607101ef6a633779'] /* http:// */,
 498                       weight : 'primary',
 499                       listeners : {
 500                        render : function (_self)
 501                         {
 502                             _this.httpButton = _self;
 503                         }
 504                       },
 505                       xns : Roo.bootstrap,
 506                       '|xns' : 'Roo.bootstrap',
 507                       menu : {
 508                        xtype : 'Menu',
 509                        xns : Roo.bootstrap,
 510                        '|xns' : 'Roo.bootstrap',
 511                        items  : [
 512                         {
 513                          xtype : 'MenuItem',
 514                          html : _this._strings['dbd7790bcd23fde7607101ef6a633779'] /* http:// */,
 515                          listeners : {
 516                           click : function (e)
 517                            {
 518                                _this.httpButton.setText("http://");
 519                            }
 520                          },
 521                          xns : Roo.bootstrap,
 522                          '|xns' : 'Roo.bootstrap'
 523                         },
 524                         {
 525                          xtype : 'MenuItem',
 526                          html : _this._strings['f8eae6750519389e078e1eb1bcb3d708'] /* https:// */,
 527                          listeners : {
 528                           click : function (e)
 529                            {
 530                                _this.httpButton.setText("https://");
 531                            }
 532                          },
 533                          xns : Roo.bootstrap,
 534                          '|xns' : 'Roo.bootstrap'
 535                         }
 536                        ]
 537                       }
 538                      }
 539                     },
 540                     {
 541                      xtype : 'Input',
 542                      placeholder : _this._strings['221fd7bbd5b513f2c2db2939fcefec96'] /* after - a button */,
 543                      size : 'md',
 544                      xns : Roo.bootstrap,
 545                      '|xns' : 'Roo.bootstrap',
 546                      after : {
 547                       xtype : 'Button',
 548                       html : _this._strings['5f075ae3e1f9d0382bb8c4632991f96f'] /* Go */,
 549                       weight : 'success',
 550                       xns : Roo.bootstrap,
 551                       '|xns' : 'Roo.bootstrap'
 552                      }
 553                     }
 554                    ]
 555                   }
 556                  ]
 557                 }
 558                ]
 559               }
 560              ]
 561             },
 562             {
 563              xtype : 'Column',
 564              md : 6,
 565              sm : 12,
 566              xns : Roo.bootstrap,
 567              '|xns' : 'Roo.bootstrap',
 568              items  : [
 569               {
 570                xtype : 'Container',
 571                cls : 'box box-warning',
 572                xns : Roo.bootstrap,
 573                '|xns' : 'Roo.bootstrap',
 574                items  : [
 575                 {
 576                  xtype : 'Container',
 577                  cls : 'box-header',
 578                  xns : Roo.bootstrap,
 579                  '|xns' : 'Roo.bootstrap',
 580                  items  : [
 581                   {
 582                    xtype : 'Header',
 583                    cls : 'box-title',
 584                    html : _this._strings['1d042703152e2b45f3b2ee38610b9a07'] /* General Elements */,
 585                    level : 3,
 586                    xns : Roo.bootstrap,
 587                    '|xns' : 'Roo.bootstrap'
 588                   }
 589                  ]
 590                 },
 591                 {
 592                  xtype : 'Form',
 593                  labelAlign : 'top',
 594                  xns : Roo.bootstrap,
 595                  '|xns' : 'Roo.bootstrap',
 596                  items  : [
 597                   {
 598                    xtype : 'Container',
 599                    cls : 'box-body',
 600                    xns : Roo.bootstrap,
 601                    '|xns' : 'Roo.bootstrap',
 602                    items  : [
 603                     {
 604                      xtype : 'Input',
 605                      fieldLabel : _this._strings['9dffbf69ffba8bc38bc4e01abf4b1675'] /* Text */,
 606                      placeholder : _this._strings['4c3d0e43b52db64c94f842da7fc7224c'] /* Enter ... */,
 607                      xns : Roo.bootstrap,
 608                      '|xns' : 'Roo.bootstrap'
 609                     },
 610                     {
 611                      xtype : 'Input',
 612                      disabled : true,
 613                      fieldLabel : _this._strings['9dffbf69ffba8bc38bc4e01abf4b1675'] /* Text */,
 614                      placeholder : _this._strings['ac8f3751f51c35383892f7a1684e35ea'] /* disabled = true */,
 615                      xns : Roo.bootstrap,
 616                      '|xns' : 'Roo.bootstrap'
 617                     },
 618                     {
 619                      xtype : 'TextArea',
 620                      fieldLabel : _this._strings['b5d4d25fe3fa9f8263b5f279a372b709'] /* Textarea */,
 621                      xns : Roo.bootstrap,
 622                      '|xns' : 'Roo.bootstrap'
 623                     },
 624                     {
 625                      xtype : 'TextArea',
 626                      disabled : true,
 627                      fieldLabel : _this._strings['b5d4d25fe3fa9f8263b5f279a372b709'] /* Textarea */,
 628                      placeholder : _this._strings['3b545ecbbdf3673f195c5a692fefa928'] /* disabled=true */,
 629                      xns : Roo.bootstrap,
 630                      '|xns' : 'Roo.bootstrap'
 631                     },
 632                     {
 633                      xtype : 'Input',
 634                      cls : 'has-success',
 635                      fieldLabel : _this._strings['f536bd90041a983b324d7a81de4e8089'] /* Input with Success */,
 636                      placeholder : _this._strings['088eb66998a403897b60aa8ee9115c91'] /* cls = has-success */,
 637                      xns : Roo.bootstrap,
 638                      '|xns' : 'Roo.bootstrap'
 639                     },
 640                     {
 641                      xtype : 'Input',
 642                      cls : 'has-warning',
 643                      fieldLabel : _this._strings['82a3bed694a221ef4bb4f18514b05843'] /* Input with Warning */,
 644                      placeholder : _this._strings['e7ef9c258353d78ca676588bd59ec915'] /* cls = has-warning */,
 645                      xns : Roo.bootstrap,
 646                      '|xns' : 'Roo.bootstrap'
 647                     },
 648                     {
 649                      xtype : 'Input',
 650                      cls : 'has-error',
 651                      fieldLabel : _this._strings['8ac5836f3de7379d49bc60dcd36913c7'] /* Input with Error */,
 652                      placeholder : _this._strings['fe65c0ed916a464efda8e6b69b846d09'] /* cls = has-error */,
 653                      xns : Roo.bootstrap,
 654                      '|xns' : 'Roo.bootstrap'
 655                     },
 656                     {
 657                      xtype : 'CheckBox',
 658                      boxLabel : _this._strings['de8a19fe7b105f264a9a83909b880af3'] /* Checkbox 1 */,
 659                      xns : Roo.bootstrap,
 660                      '|xns' : 'Roo.bootstrap'
 661                     },
 662                     {
 663                      xtype : 'CheckBox',
 664                      boxLabel : _this._strings['7c230330ef184cac6b35f3c20e40dedd'] /* Checkbox weight=primary */,
 665                      checked : true,
 666                      weight : 'primary',
 667                      xns : Roo.bootstrap,
 668                      '|xns' : 'Roo.bootstrap'
 669                     },
 670                     {
 671                      xtype : 'CheckBox',
 672                      boxLabel : _this._strings['9a64581b8c734327d597d13177b4203e'] /* Checkbox Disabled */,
 673                      disabled : true,
 674                      xns : Roo.bootstrap,
 675                      '|xns' : 'Roo.bootstrap'
 676                     },
 677                     {
 678                      xtype : 'Radio',
 679                      boxLabel : _this._strings['770e06d40b8b4d64e89c24098d25fdc2'] /* Radio 1 */,
 680                      name : 'radio',
 681                      value : 1,
 682                      xns : Roo.bootstrap,
 683                      '|xns' : 'Roo.bootstrap'
 684                     },
 685                     {
 686                      xtype : 'Radio',
 687                      boxLabel : _this._strings['2638b51cce6f3ce99752fa859b9c71a8'] /* Radio (weight=danger) */,
 688                      name : 'radio',
 689                      value : 2,
 690                      weight : 'danger',
 691                      xns : Roo.bootstrap,
 692                      '|xns' : 'Roo.bootstrap'
 693                     },
 694                     {
 695                      xtype : 'Radio',
 696                      boxLabel : _this._strings['b52b5a382a07e93eb72c79ae431f3159'] /* Radio Disabled */,
 697                      disabled : true,
 698                      name : 'radio',
 699                      value : 3,
 700                      xns : Roo.bootstrap,
 701                      '|xns' : 'Roo.bootstrap'
 702                     },
 703                     {
 704                      xtype : 'ComboBox',
 705                      displayField : 'item',
 706                      editable : false,
 707                      fieldLabel : _this._strings['fd249a0c28275ebf9d4c8464ca2225cf'] /* ComboBox */,
 708                      mode : 'local',
 709                      name : 'combotest',
 710                      tpl : '<li class=\"roo-select2-result\"><b>{item}</b></div>',
 711                      triggerAction : 'all',
 712                      valueField : 'item',
 713                      xns : Roo.bootstrap,
 714                      '|xns' : 'Roo.bootstrap',
 715                      store : {
 716                       xtype : 'SimpleStore',
 717                       data : [ [ 'option a'] ,[ 'option b'] ],
 718                       fields : [ 'item' ],
 719                       xns : Roo.data,
 720                       '|xns' : 'Roo.data'
 721                      }
 722                     },
 723                     {
 724                      xtype : 'ComboBox',
 725                      disabled : true,
 726                      displayField : 'item',
 727                      editable : false,
 728                      fieldLabel : _this._strings['c81c5cb4cbfa1fe7cc3ae45112da3bf8'] /* ComboBox disabled */,
 729                      mode : 'local',
 730                      name : 'combotest',
 731                      tpl : '<li class=\"roo-select2-result\"><b>{item}</b></div>',
 732                      triggerAction : 'all',
 733                      valueField : 'item',
 734                      xns : Roo.bootstrap,
 735                      '|xns' : 'Roo.bootstrap',
 736                      store : {
 737                       xtype : 'SimpleStore',
 738                       data : [ [ 'option a'] ,[ 'option b'] ],
 739                       fields : [ 'item' ],
 740                       xns : Roo.data,
 741                       '|xns' : 'Roo.data'
 742                      }
 743                     },
 744                     {
 745                      xtype : 'ComboBox',
 746                      displayField : 'item',
 747                      editable : false,
 748                      fieldLabel : _this._strings['1dcae4807c06e16567efb6eff4f1296c'] /* Multiple selection */,
 749                      mode : 'local',
 750                      multiple : true,
 751                      name : 'combotest',
 752                      tpl : '<li class=\"roo-select2-result\"><b>{item}</b></div>',
 753                      triggerAction : 'all',
 754                      valueField : 'item',
 755                      xns : Roo.bootstrap,
 756                      '|xns' : 'Roo.bootstrap',
 757                      store : {
 758                       xtype : 'SimpleStore',
 759                       data : [ [ 'option a'] ,[ 'option b'] ],
 760                       fields : [ 'item' ],
 761                       xns : Roo.data,
 762                       '|xns' : 'Roo.data'
 763                      }
 764                     }
 765                    ]
 766                   }
 767                  ]
 768                 }
 769                ]
 770               }
 771              ]
 772             }
 773            ]
 774           }
 775          ]
 776         }
 777        ]
 778       }
 779      ]
 780     }
 781    ]
 782   };  }
 783 });