git.roojs.org Git - roojs1/blob - examples/bootstrap/framed.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <title>Framed layouts for bootstrap</title>
   5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
   6
   7     <!-- Bootstrap -->
   8     <link rel="stylesheet" href="../../css-bootstrap/bootstrap.min.css">
   9
  10     <link href="../../../bootswatch/AdminLTE-master/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
  11     <link href="../../../bootswatch/AdminLTE-master/css/AdminLTE.css" rel="stylesheet" type="text/css" />
  12
  13     <link href="../../css-bootstrap/roojs-bootstrap-debug.css" rel="stylesheet" type="text/css" />
  14
  15
  16
  17
  18     <script type="text/javascript" src="../../roojs-core-debug.js"></script>
  19     <!-- bootstrap js.. needs to compile it later.. -->
  20     <script type="text/javascript" src="../../roojs-bootstrap-debug.js"></script>
  21     <!--
  22     <script type="text/javascript" src="../../Roo/bootstrap/Input.js"></script>
  23     <script type="text/javascript" src="../../Roo/bootstrap/Button.js"></script>
  24     <script type="text/javascript" src="../../Roo/bootstrap/CheckBox.js"></script>
  25     <script type="text/javascript" src="../../Roo/bootstrap/Radio.js"></script>
  26
  27     <script type="text/javascript" src="../../Roo/bootstrap/dash/NumberBox.js"></script>
  28     <script type="text/javascript" src="../../Roo/bootstrap/dash/TabBox.js"></script>
  29     <script type="text/javascript" src="../../Roo/bootstrap/dash/TabPane.js"></script>
  30     <script type="text/javascript" src="../../Roo/bootstrap/Tooltip.js"></script>
  31
  32
  33     -->
  34
  35
  36     <style>
  37         /**
  38           css modifications that might be needed...
  39         */
  40         .ul.nav-tabs
  41         {
  42             display: table;
  43         }
  44
  45
  46     </style>
  47
  48
  49      <script type="text/javascript">
  50         Dashboard = {};
  51      </script>
  52
  53     <!-- test code -->
  54
  55   </head>
  56   <body id="body">
  57     <script type="text/javascript">
  58       Roo.onReady(function() {
  59           //Roo.XComponent.build();
  60           //Roo.bootstrap.Tooltip.init();
  61       });
  62     </script>
  63
  64     <header class=" header" id="roo-comp-1010">
  65         <a href="#" id="roo-comp-1012" class="logo">Example</a>
  66         <nav class="navbar navbar-default navbar-static-top" role="navigation" id="roo-comp-1014">
  67             <div class="navbar-header">
  68                 <button type="button" class="navbar-toggle" data-toggle="collapse" id="roo-gen23">
  69                     <span class="sr-only">Toggle navigation</span>
  70                     <span class="icon-bar"></span>
  71                     <span class="icon-bar"></span>
  72                     <span class="icon-bar"></span>
  73                 </button>
  74             </div>
  75             <div class="collapse navbar-collapse" id="roo-gen26">
  76                 <ul class="nav nav-tabs" role="tablist">
  77                     <li class="active"><a href="#home"">CRM</a></li>
  78                     <li ><a href="#profile" >Document manager</a></li>
  79                     <li ><a href="#messages">Content Manager</a></li>
  80                     <li ><a href="#settings">Accounts</a></li>
  81                     <li ><a href="#settings">Accounts</a></li>
  82                     <li ><a href="#settings">MTrack</a></li>
  83                     <li ><a href="#settings">Git</a></li>
  84                     <li ><a href="#settings">Admin</a></li>
  85                     <li ><a href="#settings">Logs</a></li>
  86                   </ul>
  87             </div>
  88             <div class="x-dlg-mask" id="roo-gen25" style="width: 1497px; height: 50px; display: none;"></div>
  89         </nav>
  90     </header>
  91
  92
  93
  94
  95
  96
  97
  98
  99
 100
 101
 102
 103   </body>
 104 </html>