roojs-all.js
[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.css">
9         
10     <link rel="stylesheet" href="../../css-bootstrap/font-awesome.min.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    <style>
17     /* for testing carosell navigation */
18      .carousel-control
19      {
20         left: -18px;
21         top:30px;
22         width:5%;
23         color: #000;
24         
25      }
26     .carousel-control.left
27     {
28         background-image: none;
29     }
30     .carousel-control.right
31     {
32         right: -30px; 
33         background-image : none;
34     }
35      
36    </style>     
37         
38         
39     <script type="text/javascript" src="../../roojs-core-debug.js"></script>
40     <!-- bootstrap js.. needs to compile it later.. -->
41     <script type="text/javascript" src="../../roojs-bootstrap-debug.js"></script>
42
43
44    
45      <script type="text/javascript">
46         Dashboard = {};
47      </script>
48
49     <!-- test code -->
50     <script type="text/javascript" src="Dashboard.Header1.js"></script>
51     <script type="text/javascript" src="Dashboard.Sidebar2.js"></script>
52     <script type="text/javascript" src="dashboard3.js"></script>
53     <script type="text/javascript" src="dashboard3.slidetest.js"></script>
54   </head>
55   <body id="body">
56     <script type="text/javascript">
57       Roo.onReady(function() {
58           Roo.XComponent.build();
59       });
60     </script>
61   </body>
62 </html>