git.roojs.org Git - roojs1/blob - examples/bootstrap/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" 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/sidebar-nav.css" rel="stylesheet" type="text/css" />
  14     <link href="../../css-bootstrap/tweaks.css" rel="stylesheet" type="text/css" />
  15     <link href="../../css-bootstrap/checkbox.css" rel="stylesheet" type="text/css" />
  16     <link href="../../css-bootstrap/select2.css" rel="stylesheet" type="text/css" />
  17
  18     <link href="../../css-bootstrap/combobox.css" rel="stylesheet" type="text/css" />
  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
  41     .carousel-inner > .item {
  42         position: relative;
  43         display: none;
  44         -webkit-transition: 5s ease-in-out left;
  45              -o-transition: 5s ease-in-out left;
  46                 transition: 5s ease-in-out left;
  47       }
  48
  49    </style>
  50
  51
  52     <script type="text/javascript" src="../../roojs-core-debug.js"></script>
  53     <!-- bootstrap js.. needs to compile it later.. -->
  54     <script type="text/javascript" src="../../roojs-bootstrap-debug.js"></script>
  55     <script type="text/javascript" src="../../Roo/bootstrap/Input.js"></script>
  56     <script type="text/javascript" src="../../Roo/bootstrap/Button.js"></script>
  57     <script type="text/javascript" src="../../Roo/bootstrap/CheckBox.js"></script>
  58     <script type="text/javascript" src="../../Roo/bootstrap/Radio.js"></script>
  59     <script type="text/javascript" src="../../Roo/bootstrap/NavGroup.js"></script>
  60     <script type="text/javascript" src="../../Roo/bootstrap/TabGroup.js"></script>
  61     <script type="text/javascript" src="../../Roo/bootstrap/TabPanel.js"></script>
  62
  63
  64      <script type="text/javascript">
  65         Dashboard = {};
  66      </script>
  67
  68     <!-- test code -->
  69     <script type="text/javascript" src="Dashboard.Header1.js"></script>
  70     <script type="text/javascript" src="Dashboard.Sidebar2.js"></script>
  71     <script type="text/javascript" src="dashboard3.js"></script>
  72     <script type="text/javascript" src="dashboard3.slidetest.js"></script>
  73   </head>
  74   <body id="body">
  75     <script type="text/javascript">
  76       Roo.onReady(function() {
  77           Roo.XComponent.build();
  78       });
  79     </script>
  80   </body>
  81 </html>