git.roojs.org Git - roojs1/blob - examples/bootstrap4/test.html

   1 <html>
   2 <head>
   3   <title>Nested Layout</title>
   4
   5    <!-- Bootstrap -->
   6     <link rel="stylesheet" href="../../css-bootstrap/bootstrap.min.css">
   7
   8     <link href="../../css-bootstrap/font-awesome.css" rel="stylesheet" type="text/css" />
   9
  10     <link href="../../css-bootstrap/roojs-bootstrap-debug.css" rel="stylesheet" type="text/css" />
  11
  12     <link href="../../../bootswatch/material-kit/css/material-kit.css" rel="stylesheet">
  13
  14
  15     <script type="text/javascript" src="../../roojs-core-debug.js"></script>
  16     <!-- bootstrap js.. needs to compile it later.. -->
  17     <script type="text/javascript" src="../../roojs-bootstrap-debug.js"></script>
  18
  19
  20     <script type="text/javascript">
  21
  22     Roo.namespace("Dashboard");
  23     </script>
  24
  25          <script type="text/javascript" src="Dashboard.Header1.js"></script>
  26
  27
  28
  29
  30     <style type="text/css">
  31
  32         </style>
  33     <script type="text/javascript">
  34
  35     Roo.namespace("Example");
  36
  37     Example.Nested = new Roo.XComponent({
  38         part     :  ["example", "nested" ],
  39         order    : '001-Example-Nested',
  40         region   : 'center',
  41         parent   : false,
  42         name     : "unnamed module",
  43         disabled : false,
  44         permname : '',
  45         _tree : function()
  46         {
  47             var _this = this;
  48             var MODULE = this;
  49             return {
  50                 is_root : true,
  51                 xtype : 'Border',
  52                 xns : Roo.bootstrap.layout,
  53                 el : document.body, // border layout can be applied to the outer one...
  54                 center: {
  55                     xtype : 'Region',
  56                     xns: Roo.bootstrap.layout,
  57                     autoScroll: false,
  58                     tabPosition:'top',
  59                     titlebar: true
  60                 },
  61                 items : [
  62
  63
  64                 /*
  65                     {
  66                     xtype : 'Content',
  67                     xns: Roo.bootstrap.panel,
  68                     title : "Title Center",
  69                     fitToFrame:true,
  70                     closable:false,
  71                     region : 'center',
  72                     html : 'some body center'
  73                     },
  74                     {
  75                     xtype : 'Content',
  76                     xns: Roo.bootstrap.panel,
  77                     title : "Title Center",
  78                     fitToFrame:true,
  79                     closable:false,
  80                     region : 'center',
  81                     html : 'some body center'
  82                     }
  83                 */
  84                 //s1
  85                     {
  86
  87                     }
  88                 ]
  89             }
  90         }
  91     });
  92
  93    Roo.onReady(function() {
  94         Roo.XComponent.is_alt = true;
  95           Roo.XComponent.build();
  96           //dRoo.bootstrap.Tooltip.init();
  97       });
  98
  99     </script>
 100 </head>
 101 <body class="xtheme-gray">
 102
 103  </body>
 104 </html>