examples/bootstrap/dashboard3.html
[roojs1] / 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    </style>     
41         
42         
43     <script type="text/javascript" src="../../roojs-core-debug.js"></script>
44     <!-- bootstrap js.. needs to compile it later.. -->
45     <script type="text/javascript" src="../../roojs-bootstrap-debug.js"></script>
46     <script type="text/javascript" src="../../Roo/bootstrap/Input.js"></script>
47     <script type="text/javascript" src="../../Roo/bootstrap/Button.js"></script>
48     <script type="text/javascript" src="../../Roo/bootstrap/CheckBox.js"></script>
49     <script type="text/javascript" src="../../Roo/bootstrap/Radio.js"></script>
50     <script type="text/javascript" src="../../Roo/bootstrap/Table.js"></script>
51
52    
53      <script type="text/javascript">
54         Dashboard = {};
55      </script>
56
57     <!-- test code -->
58     <script type="text/javascript" src="Dashboard.Header1.js"></script>
59     <script type="text/javascript" src="Dashboard.Sidebar2.js"></script>
60     <script type="text/javascript" src="dashboard3.js"></script>
61   </head>
62   <body id="body">
63     <script type="text/javascript">
64       Roo.onReady(function() {
65           Roo.XComponent.build();
66       });
67     </script>
68   </body>
69 </html>