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

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <title>Html editor for bootstrap test</title>
   5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
   6
   7     <!-- Bootstrap -->
   8        <link rel="stylesheet" type="text/css" href="../../css-bootstrap4/bootstrap.min.css">
   9     <link rel="stylesheet" type="text/css" href="../../css-bootstrap4/roojs-bootstrap.css">
  10     <link rel="stylesheet" type="text/css" href="../../css-bootstrap/font-awesome.css">
  11         <link href="../../../bootswatch/AdminLTE-master/css/AdminLTE.css" rel="stylesheet" type="text/css" />
  12
  13     <script type="text/javascript" src="../../roojs-debug.js"></script>
  14
  15     <!-- bootstrap js.. needs to compile it later.. -->
  16     <script type="text/javascript" src="../../roojs-bootstrap-debug.js"></script>
  17
  18
  19
  20    <style>
  21     /* for testing carosell navigation */
  22      .carousel-control
  23      {
  24         left: -18px;
  25         top:30px;
  26         width:5%;
  27         color: #000;
  28
  29      }
  30     .carousel-control.left
  31     {
  32         background-image: none;
  33     }
  34     .carousel-control.right
  35     {
  36         right: -30px;
  37         background-image : none;
  38     }
  39
  40    </style>
  41
  42
  43      <script type="text/javascript">
  44         Dashboard = {};
  45      </script>
  46
  47     <!-- test code -->
  48     <script type="text/javascript" src="../bootstrap/Dashboard.Header1.js"></script>
  49     <script type="text/javascript" src="../bootstrap/Dashboard.Sidebar2.js"></script>
  50     <script type="text/javascript" src="../bootstrap/dashboard3.js"></script>
  51     <script type="text/javascript" src="../bootstrap/dashboard3.slidetest.js"></script>
  52   </head>
  53   <body id="body">
  54     <script type="text/javascript">
  55       Roo.onReady(function() {
  56           Roo.XComponent.build();
  57       });
  58     </script>
  59   </body>
  60 </html>