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   'bc6d090c772eedbd8e59e273620830c6' :"File Input",
  12   'f6b6d9142474aba10b39e88cf4e06f6e' :"before : @",
  13   '7c4d0cf56e05ed67ec50246c517e149b' :"md 3",
  14   'cb6b36c6d62d94b76628a4543517f89b' :"md 4",
  15   '1d042703152e2b45f3b2ee38610b9a07' :"General Elements",
  16   'fe65c0ed916a464efda8e6b69b846d09' :"cls = has-error",
  17   '5f075ae3e1f9d0382bb8c4632991f96f' :"Go",
  18   '643a860f992333b8600ea264aca7c4fc' :"Email Address",
  19   '69165cb5e53db90fd85e2b0a98f1d77b' :"size sm",
  20   'a1e27e67ca3c6c3198c36a32e416a65f' :"General Form Elements  <small> Preview </small>",
  21   '7c230330ef184cac6b35f3c20e40dedd' :"Checkbox weight=primary",
  22   'c3d8baf1b9da3d6922aea0057717a0b7' :"Enter email",
  23   'c81c5cb4cbfa1fe7cc3ae45112da3bf8' :"ComboBox disabled",
  24   'b85c1bc6f73a44489045c76aafbab96c' :"With checkbox and radio",
  25   'ac8f3751f51c35383892f7a1684e35ea' :"disabled = true",
  26   '8ac5836f3de7379d49bc60dcd36913c7' :"Input with Error",
  27   'cb76b3c00a2436a2a0d57f1282cbd66a' :"after : &lt;i class=&quot;fa fa-after&quot;&gt;&lt;/i&gt;",
  28   'fd249a0c28275ebf9d4c8464ca2225cf' :"ComboBox",
  29   '5485e0b19975fe1d4400e35162a7c099' :"Quick Example",
  30   'c4ca4238a0b923820dcc509a6f75849b' :"1",
  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 : 'Input',
 203                      fieldLabel : _this._strings['bc6d090c772eedbd8e59e273620830c6'] /* File Input */,
 204                      inputType : 'file',
 205                      placeholder : _this._strings['c3d8baf1b9da3d6922aea0057717a0b7'] /* Enter email */,
 206                      xns : Roo.bootstrap,
 207                      '|xns' : 'Roo.bootstrap'
 208                     },
 209                     {
 210                      xtype : 'CheckBox',
 211                      boxLabel : _this._strings['9fced129522f128b2445a41fb0b6ef9f'] /* checkbox */,
 212                      xns : Roo.bootstrap,
 213                      '|xns' : 'Roo.bootstrap'
 214                     },
 215                     {
 216                      xtype : 'Button',
 217                      html : _this._strings['a4d3b161ce1309df1c4e25df28694b7b'] /* Submit */,
 218                      tooltip : 'A button',
 219                      weight : 'primary',
 220                      xns : Roo.bootstrap,
 221                      '|xns' : 'Roo.bootstrap'
 222                     }
 223                    ]
 224                   }
 225                  ]
 226                 }
 227                ]
 228               },
 229               {
 230                xtype : 'Container',
 231                cls : 'box box-success',
 232                xns : Roo.bootstrap,
 233                '|xns' : 'Roo.bootstrap',
 234                items  : [
 235                 {
 236                  xtype : 'Container',
 237                  cls : 'box-header',
 238                  xns : Roo.bootstrap,
 239                  '|xns' : 'Roo.bootstrap',
 240                  items  : [
 241                   {
 242                    xtype : 'Header',
 243                    cls : 'box-title',
 244                    html : _this._strings['08583f18f5ab76dcb709f7b34eb59104'] /* Different Height */,
 245                    level : 3,
 246                    xns : Roo.bootstrap,
 247                    '|xns' : 'Roo.bootstrap'
 248                   }
 249                  ]
 250                 },
 251                 {
 252                  xtype : 'Form',
 253                  labelAlign : 'top',
 254                  xns : Roo.bootstrap,
 255                  '|xns' : 'Roo.bootstrap',
 256                  items  : [
 257                   {
 258                    xtype : 'Container',
 259                    cls : 'box-body',
 260                    xns : Roo.bootstrap,
 261                    '|xns' : 'Roo.bootstrap',
 262                    items  : [
 263                     {
 264                      xtype : 'Input',
 265                      placeholder : _this._strings['76946ef61117810371fa41415c86a2ed'] /* size lg */,
 266                      size : 'lg',
 267                      xns : Roo.bootstrap,
 268                      '|xns' : 'Roo.bootstrap'
 269                     },
 270                     {
 271                      xtype : 'Input',
 272                      placeholder : _this._strings['5f7a612768f22e04c0a0c4bb0c24ce91'] /* size md */,
 273                      size : 'md',
 274                      xns : Roo.bootstrap,
 275                      '|xns' : 'Roo.bootstrap'
 276                     },
 277                     {
 278                      xtype : 'Input',
 279                      placeholder : _this._strings['69165cb5e53db90fd85e2b0a98f1d77b'] /* size sm */,
 280                      size : 'sm',
 281                      xns : Roo.bootstrap,
 282                      '|xns' : 'Roo.bootstrap'
 283                     }
 284                    ]
 285                   }
 286                  ]
 287                 }
 288                ]
 289               },
 290               {
 291                xtype : 'Container',
 292                cls : 'box box-danger',
 293                xns : Roo.bootstrap,
 294                '|xns' : 'Roo.bootstrap',
 295                items  : [
 296                 {
 297                  xtype : 'Container',
 298                  cls : 'box-header',
 299                  xns : Roo.bootstrap,
 300                  '|xns' : 'Roo.bootstrap',
 301                  items  : [
 302                   {
 303                    xtype : 'Header',
 304                    cls : 'box-title',
 305                    html : _this._strings['6f0e2583dbfc8eab280b4709a8c87b4b'] /* Different Width */,
 306                    level : 3,
 307                    xns : Roo.bootstrap,
 308                    '|xns' : 'Roo.bootstrap'
 309                   }
 310                  ]
 311                 },
 312                 {
 313                  xtype : 'Form',
 314                  labelAlign : 'top',
 315                  xns : Roo.bootstrap,
 316                  '|xns' : 'Roo.bootstrap',
 317                  items  : [
 318                   {
 319                    xtype : 'Container',
 320                    cls : 'box-body',
 321                    xns : Roo.bootstrap,
 322                    '|xns' : 'Roo.bootstrap',
 323                    items  : [
 324                     {
 325                      xtype : 'Row',
 326                      xns : Roo.bootstrap,
 327                      '|xns' : 'Roo.bootstrap',
 328                      items  : [
 329                       {
 330                        xtype : 'Input',
 331                        md : 3,
 332                        placeholder : _this._strings['7c4d0cf56e05ed67ec50246c517e149b'] /* md 3 */,
 333                        size : 'md',
 334                        xns : Roo.bootstrap,
 335                        '|xns' : 'Roo.bootstrap'
 336                       },
 337                       {
 338                        xtype : 'Input',
 339                        md : 3,
 340                        placeholder : _this._strings['cb6b36c6d62d94b76628a4543517f89b'] /* md 4 */,
 341                        size : 'md',
 342                        xns : Roo.bootstrap,
 343                        '|xns' : 'Roo.bootstrap'
 344                       },
 345                       {
 346                        xtype : 'Input',
 347                        md : 5,
 348                        placeholder : _this._strings['7c4d0cf56e05ed67ec50246c517e149b'] /* md 3 */,
 349                        size : 'md',
 350                        xns : Roo.bootstrap,
 351                        '|xns' : 'Roo.bootstrap'
 352                       }
 353                      ]
 354                     }
 355                    ]
 356                   }
 357                  ]
 358                 }
 359                ]
 360               },
 361               {
 362                xtype : 'Container',
 363                cls : 'box box-info',
 364                xns : Roo.bootstrap,
 365                '|xns' : 'Roo.bootstrap',
 366                items  : [
 367                 {
 368                  xtype : 'Container',
 369                  cls : 'box-header',
 370                  xns : Roo.bootstrap,
 371                  '|xns' : 'Roo.bootstrap',
 372                  items  : [
 373                   {
 374                    xtype : 'Header',
 375                    cls : 'box-title',
 376                    html : _this._strings['2f24bf395be7b31a10b6d501801d4099'] /* Input Addon */,
 377                    level : 3,
 378                    xns : Roo.bootstrap,
 379                    '|xns' : 'Roo.bootstrap'
 380                   }
 381                  ]
 382                 },
 383                 {
 384                  xtype : 'Form',
 385                  labelAlign : 'top',
 386                  xns : Roo.bootstrap,
 387                  '|xns' : 'Roo.bootstrap',
 388                  items  : [
 389                   {
 390                    xtype : 'Container',
 391                    cls : 'box-body',
 392                    xns : Roo.bootstrap,
 393                    '|xns' : 'Roo.bootstrap',
 394                    items  : [
 395                     {
 396                      xtype : 'Input',
 397                      before : '@',
 398                      placeholder : _this._strings['f6b6d9142474aba10b39e88cf4e06f6e'] /* before : @ */,
 399                      size : 'md',
 400                      xns : Roo.bootstrap,
 401                      '|xns' : 'Roo.bootstrap'
 402                     },
 403                     {
 404                      xtype : 'Input',
 405                      after : 0,
 406                      placeholder : _this._strings['343f7d4e4b503d9b9cb282205a4d5858'] /* after: .00 */,
 407                      size : 'md',
 408                      xns : Roo.bootstrap,
 409                      '|xns' : 'Roo.bootstrap'
 410                     },
 411                     {
 412                      xtype : 'Input',
 413                      after : 0,
 414                      before : '$',
 415                      placeholder : _this._strings['7099e6d377281665976e57e80ba5fe0d'] /* before $, after: .00 */,
 416                      size : 'md',
 417                      xns : Roo.bootstrap,
 418                      '|xns' : 'Roo.bootstrap'
 419                     },
 420                     {
 421                      xtype : 'Header',
 422                      html : _this._strings['71f30e09efd6fac81e65a32a32a1c6ac'] /* With Icons */,
 423                      level : 4,
 424                      xns : Roo.bootstrap,
 425                      '|xns' : 'Roo.bootstrap'
 426                     },
 427                     {
 428                      xtype : 'Input',
 429                      before : '<i class=\"fa fa-envelope\"></i>',
 430                      placeholder : _this._strings['2c5c51fe5216e88d91a0a29c8c22b26f'] /* before : &lt;i class=&quot;fa fa-envelope&quot;&gt;&lt;/i&gt; */,
 431                      size : 'md',
 432                      xns : Roo.bootstrap,
 433                      '|xns' : 'Roo.bootstrap'
 434                     },
 435                     {
 436                      xtype : 'Input',
 437                      after : '<i class=\"fa fa-check\"></i>',
 438                      placeholder : _this._strings['cb76b3c00a2436a2a0d57f1282cbd66a'] /* after : &lt;i class=&quot;fa fa-after&quot;&gt;&lt;/i&gt; */,
 439                      size : 'md',
 440                      xns : Roo.bootstrap,
 441                      '|xns' : 'Roo.bootstrap'
 442                     },
 443                     {
 444                      xtype : 'Input',
 445                      after : '<i class=\"fa fa-ambulance\"></i>',
 446                      before : '<i class=\"fa fa-dollar\"></i>',
 447                      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; */,
 448                      size : 'md',
 449                      xns : Roo.bootstrap,
 450                      '|xns' : 'Roo.bootstrap'
 451                     },
 452                     {
 453                      xtype : 'Header',
 454                      html : _this._strings['b85c1bc6f73a44489045c76aafbab96c'] /* With checkbox and radio */,
 455                      level : 4,
 456                      xns : Roo.bootstrap,
 457                      '|xns' : 'Roo.bootstrap'
 458                     },
 459                     {
 460                      xtype : 'Row',
 461                      xns : Roo.bootstrap,
 462                      '|xns' : 'Roo.bootstrap',
 463                      items  : [
 464                       {
 465                        xtype : 'Input',
 466                        before : 'fixme',
 467                        md : 6,
 468                        placeholder : _this._strings['d1457b72c3fb323a2671125aef3eab5d'] /* ? */,
 469                        size : 'md',
 470                        xns : Roo.bootstrap,
 471                        '|xns' : 'Roo.bootstrap'
 472                       },
 473                       {
 474                        xtype : 'Input',
 475                        md : 6,
 476                        placeholder : _this._strings['cb6b36c6d62d94b76628a4543517f89b'] /* md 4 */,
 477                        size : 'md',
 478                        xns : Roo.bootstrap,
 479                        '|xns' : 'Roo.bootstrap'
 480                       }
 481                      ]
 482                     },
 483                     {
 484                      xtype : 'Header',
 485                      html : _this._strings['8d71e1fffea14ff1d8b7acbe0ded4305'] /* With buttons */,
 486                      level : 4,
 487                      xns : Roo.bootstrap,
 488                      '|xns' : 'Roo.bootstrap'
 489                     },
 490                     {
 491                      xtype : 'Input',
 492                      placeholder : _this._strings['1c8d3efd26af385c51153c5bc082a279'] /* before :  - an object...     */,
 493                      size : 'md',
 494                      xns : Roo.bootstrap,
 495                      '|xns' : 'Roo.bootstrap',
 496                      before : {
 497                       xtype : 'Button',
 498                       html : _this._strings['dbd7790bcd23fde7607101ef6a633779'] /* http:// */,
 499                       weight : 'primary',
 500                       listeners : {
 501                        render : function (_self)
 502                         {
 503                             _this.httpButton = _self;
 504                         }
 505                       },
 506                       xns : Roo.bootstrap,
 507                       '|xns' : 'Roo.bootstrap',
 508                       menu : {
 509                        xtype : 'Menu',
 510                        xns : Roo.bootstrap,
 511                        '|xns' : 'Roo.bootstrap',
 512                        items  : [
 513                         {
 514                          xtype : 'MenuItem',
 515                          html : _this._strings['dbd7790bcd23fde7607101ef6a633779'] /* http:// */,
 516                          listeners : {
 517                           click : function (e)
 518                            {
 519                                _this.httpButton.setText("http://");
 520                            }
 521                          },
 522                          xns : Roo.bootstrap,
 523                          '|xns' : 'Roo.bootstrap'
 524                         },
 525                         {
 526                          xtype : 'MenuItem',
 527                          html : _this._strings['f8eae6750519389e078e1eb1bcb3d708'] /* https:// */,
 528                          listeners : {
 529                           click : function (e)
 530                            {
 531                                _this.httpButton.setText("https://");
 532                            }
 533                          },
 534                          xns : Roo.bootstrap,
 535                          '|xns' : 'Roo.bootstrap'
 536                         }
 537                        ]
 538                       }
 539                      }
 540                     },
 541                     {
 542                      xtype : 'Input',
 543                      placeholder : _this._strings['221fd7bbd5b513f2c2db2939fcefec96'] /* after - a button */,
 544                      size : 'md',
 545                      xns : Roo.bootstrap,
 546                      '|xns' : 'Roo.bootstrap',
 547                      after : {
 548                       xtype : 'Button',
 549                       html : _this._strings['5f075ae3e1f9d0382bb8c4632991f96f'] /* Go */,
 550                       weight : 'success',
 551                       xns : Roo.bootstrap,
 552                       '|xns' : 'Roo.bootstrap'
 553                      }
 554                     }
 555                    ]
 556                   }
 557                  ]
 558                 }
 559                ]
 560               }
 561              ]
 562             },
 563             {
 564              xtype : 'Column',
 565              md : 6,
 566              sm : 12,
 567              xns : Roo.bootstrap,
 568              '|xns' : 'Roo.bootstrap',
 569              items  : [
 570               {
 571                xtype : 'Container',
 572                cls : 'box box-warning',
 573                xns : Roo.bootstrap,
 574                '|xns' : 'Roo.bootstrap',
 575                items  : [
 576                 {
 577                  xtype : 'Container',
 578                  cls : 'box-header',
 579                  xns : Roo.bootstrap,
 580                  '|xns' : 'Roo.bootstrap',
 581                  items  : [
 582                   {
 583                    xtype : 'Header',
 584                    cls : 'box-title',
 585                    html : _this._strings['1d042703152e2b45f3b2ee38610b9a07'] /* General Elements */,
 586                    level : 3,
 587                    xns : Roo.bootstrap,
 588                    '|xns' : 'Roo.bootstrap'
 589                   }
 590                  ]
 591                 },
 592                 {
 593                  xtype : 'Form',
 594                  labelAlign : 'top',
 595                  xns : Roo.bootstrap,
 596                  '|xns' : 'Roo.bootstrap',
 597                  items  : [
 598                   {
 599                    xtype : 'Container',
 600                    cls : 'box-body',
 601                    xns : Roo.bootstrap,
 602                    '|xns' : 'Roo.bootstrap',
 603                    items  : [
 604                     {
 605                      xtype : 'Input',
 606                      fieldLabel : _this._strings['9dffbf69ffba8bc38bc4e01abf4b1675'] /* Text */,
 607                      placeholder : _this._strings['4c3d0e43b52db64c94f842da7fc7224c'] /* Enter ... */,
 608                      xns : Roo.bootstrap,
 609                      '|xns' : 'Roo.bootstrap'
 610                     },
 611                     {
 612                      xtype : 'Input',
 613                      disabled : true,
 614                      fieldLabel : _this._strings['9dffbf69ffba8bc38bc4e01abf4b1675'] /* Text */,
 615                      placeholder : _this._strings['ac8f3751f51c35383892f7a1684e35ea'] /* disabled = true */,
 616                      xns : Roo.bootstrap,
 617                      '|xns' : 'Roo.bootstrap'
 618                     },
 619                     {
 620                      xtype : 'TextArea',
 621                      fieldLabel : _this._strings['b5d4d25fe3fa9f8263b5f279a372b709'] /* Textarea */,
 622                      xns : Roo.bootstrap,
 623                      '|xns' : 'Roo.bootstrap'
 624                     },
 625                     {
 626                      xtype : 'TextArea',
 627                      disabled : true,
 628                      fieldLabel : _this._strings['b5d4d25fe3fa9f8263b5f279a372b709'] /* Textarea */,
 629                      placeholder : _this._strings['3b545ecbbdf3673f195c5a692fefa928'] /* disabled=true */,
 630                      xns : Roo.bootstrap,
 631                      '|xns' : 'Roo.bootstrap'
 632                     },
 633                     {
 634                      xtype : 'Input',
 635                      cls : 'has-success',
 636                      fieldLabel : _this._strings['f536bd90041a983b324d7a81de4e8089'] /* Input with Success */,
 637                      placeholder : _this._strings['088eb66998a403897b60aa8ee9115c91'] /* cls = has-success */,
 638                      xns : Roo.bootstrap,
 639                      '|xns' : 'Roo.bootstrap'
 640                     },
 641                     {
 642                      xtype : 'Input',
 643                      cls : 'has-warning',
 644                      fieldLabel : _this._strings['82a3bed694a221ef4bb4f18514b05843'] /* Input with Warning */,
 645                      placeholder : _this._strings['e7ef9c258353d78ca676588bd59ec915'] /* cls = has-warning */,
 646                      xns : Roo.bootstrap,
 647                      '|xns' : 'Roo.bootstrap'
 648                     },
 649                     {
 650                      xtype : 'Input',
 651                      cls : 'has-error',
 652                      fieldLabel : _this._strings['8ac5836f3de7379d49bc60dcd36913c7'] /* Input with Error */,
 653                      placeholder : _this._strings['fe65c0ed916a464efda8e6b69b846d09'] /* cls = has-error */,
 654                      xns : Roo.bootstrap,
 655                      '|xns' : 'Roo.bootstrap'
 656                     },
 657                     {
 658                      xtype : 'CheckBox',
 659                      boxLabel : _this._strings['de8a19fe7b105f264a9a83909b880af3'] /* Checkbox 1 */,
 660                      xns : Roo.bootstrap,
 661                      '|xns' : 'Roo.bootstrap'
 662                     },
 663                     {
 664                      xtype : 'CheckBox',
 665                      boxLabel : _this._strings['7c230330ef184cac6b35f3c20e40dedd'] /* Checkbox weight=primary */,
 666                      checked : true,
 667                      weight : 'primary',
 668                      xns : Roo.bootstrap,
 669                      '|xns' : 'Roo.bootstrap'
 670                     },
 671                     {
 672                      xtype : 'CheckBox',
 673                      boxLabel : _this._strings['9a64581b8c734327d597d13177b4203e'] /* Checkbox Disabled */,
 674                      disabled : true,
 675                      xns : Roo.bootstrap,
 676                      '|xns' : 'Roo.bootstrap'
 677                     },
 678                     {
 679                      xtype : 'Radio',
 680                      boxLabel : _this._strings['770e06d40b8b4d64e89c24098d25fdc2'] /* Radio 1 */,
 681                      name : 'radio',
 682                      value : 1,
 683                      xns : Roo.bootstrap,
 684                      '|xns' : 'Roo.bootstrap'
 685                     },
 686                     {
 687                      xtype : 'Radio',
 688                      boxLabel : _this._strings['2638b51cce6f3ce99752fa859b9c71a8'] /* Radio (weight=danger) */,
 689                      name : 'radio',
 690                      value : 2,
 691                      weight : 'danger',
 692                      xns : Roo.bootstrap,
 693                      '|xns' : 'Roo.bootstrap'
 694                     },
 695                     {
 696                      xtype : 'Radio',
 697                      boxLabel : _this._strings['b52b5a382a07e93eb72c79ae431f3159'] /* Radio Disabled */,
 698                      disabled : true,
 699                      name : 'radio',
 700                      value : 3,
 701                      xns : Roo.bootstrap,
 702                      '|xns' : 'Roo.bootstrap'
 703                     },
 704                     {
 705                      xtype : 'ComboBox',
 706                      displayField : 'item',
 707                      editable : false,
 708                      fieldLabel : _this._strings['fd249a0c28275ebf9d4c8464ca2225cf'] /* ComboBox */,
 709                      mode : 'local',
 710                      name : 'combotest',
 711                      tpl : '<li class=\"roo-select2-result\"><b>{item}</b></div>',
 712                      triggerAction : 'all',
 713                      valueField : 'item',
 714                      xns : Roo.bootstrap,
 715                      '|xns' : 'Roo.bootstrap',
 716                      store : {
 717                       xtype : 'SimpleStore',
 718                       data : [ [ 'option a'] ,[ 'option b'] ],
 719                       fields : [ 'item' ],
 720                       xns : Roo.data,
 721                       '|xns' : 'Roo.data'
 722                      }
 723                     },
 724                     {
 725                      xtype : 'ComboBox',
 726                      disabled : true,
 727                      displayField : 'item',
 728                      editable : false,
 729                      fieldLabel : _this._strings['c81c5cb4cbfa1fe7cc3ae45112da3bf8'] /* ComboBox disabled */,
 730                      mode : 'local',
 731                      name : 'combotest',
 732                      tpl : '<li class=\"roo-select2-result\"><b>{item}</b></div>',
 733                      triggerAction : 'all',
 734                      valueField : 'item',
 735                      xns : Roo.bootstrap,
 736                      '|xns' : 'Roo.bootstrap',
 737                      store : {
 738                       xtype : 'SimpleStore',
 739                       data : [ [ 'option a'] ,[ 'option b'] ],
 740                       fields : [ 'item' ],
 741                       xns : Roo.data,
 742                       '|xns' : 'Roo.data'
 743                      }
 744                     },
 745                     {
 746                      xtype : 'ComboBox',
 747                      displayField : 'item',
 748                      editable : false,
 749                      fieldLabel : _this._strings['1dcae4807c06e16567efb6eff4f1296c'] /* Multiple selection */,
 750                      mode : 'local',
 751                      multiple : true,
 752                      name : 'combotest',
 753                      tpl : '<li class=\"roo-select2-result\"><b>{item}</b></div>',
 754                      triggerAction : 'all',
 755                      valueField : 'item',
 756                      xns : Roo.bootstrap,
 757                      '|xns' : 'Roo.bootstrap',
 758                      store : {
 759                       xtype : 'SimpleStore',
 760                       data : [ [ 'option a'] ,[ 'option b'] ],
 761                       fields : [ 'item' ],
 762                       xns : Roo.data,
 763                       '|xns' : 'Roo.data'
 764                      }
 765                     }
 766                    ]
 767                   }
 768                  ]
 769                 }
 770                ]
 771               }
 772              ]
 773             }
 774            ]
 775           }
 776          ]
 777         }
 778        ]
 779       }
 780      ]
 781     }
 782    ]
 783   };  }
 784 });