examples/bootstrap4/dashboard3.html
[roojs1] / 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" 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
47
48    
49      <script type="text/javascript">
50         Dashboard = {};
51      </script>
52
53     <!-- test code -->
54     <script type="text/javascript" src="Dashboard.Header1.js"></script>
55     <script type="text/javascript" src="Dashboard.Sidebar2.js"></script>
56     <script type="text/javascript" src="dashboard3.js"></script>
57     <script type="text/javascript" src="dashboard3.slidetest.js"></script>
58   </head>
59   <body id="body">
60     <script type="text/javascript">
61       Roo.onReady(function() {
62           Roo.XComponent.build();
63       });
64     </script>
65   </body>
66 </html>