roojs-all.js
[roojs1] / examples / bootstrap4 / nested_dialog.html
1 <!--
2
3 porting tst for layout classes from original roo library into bootstrap one.
4
5
6 -->
7 <html>
8 <head>
9   <title>Nested Layout</title>
10   
11    <!-- Bootstrap -->
12      <!-- Bootstrap -->
13     <link href="../../css-bootstrap4/bootstrap.min.css" rel="stylesheet" type="text/css" />   
14     <link href="../../css-bootstrap/font-awesome.css" rel="stylesheet" type="text/css" />
15     <link href="../../css-bootstrap4/roojs-bootstrap-debug.css" rel="stylesheet" type="text/css" />
16     
17   <!--  <link href="../../../bootswatch/material-kit/css/material-kit.css" rel="stylesheet"> -->
18
19     
20         
21     <script type="text/javascript" src="../../roojs-core-debug.js"></script>
22     <!-- bootstrap js.. needs to compile it later.. -->
23     <script type="text/javascript" src="../../roojs-bootstrap-debug.js"></script>
24     
25   
26     
27     
28     
29     <script type="text/javascript">
30
31 Roo.namespace("Dashboard");
32     </script>
33      
34          <script type="text/javascript" src="Dashboard.Header1.js"></script>
35 <script type="text/javascript" src="../bootstrap/nested-dialog.js"></script>
36      
37      
38      
39     <style type="text/css">
40 .navbar {
41     padding: 0;
42 }
43 /*
44  
45 .table-body-fixed tbody {
46    overflow-y: scroll;
47   width: 100%;
48 }
49 .table-body-fixed  thead,
50 .table-body-fixed  tbody,
51  
52 .table-body-fixed th   {
53   display: block;
54 }
55 .table-body-fixed thead {
56     overflow:  hidden;
57 }
58
59
60 .table-body-fixed tbody td, 
61 .table-body-fixed thead > tr> th {
62   float: left;
63   border-bottom-width: 0;
64 }
65  .table-body-fixed thead > tr,
66 .table-body-fixed tbody > tr
67 {
68     display: block;
69     overflow: hidden;
70 }
71 */
72         </style>
73         <script type="text/javascript">
74
75 Roo.namespace("Example");
76  
77    Roo.onReady(function() {
78         Roo.XComponent.is_alt = true;
79         Example.NestedDialog.show();
80           //dRoo.bootstrap.Tooltip.init();
81       });
82   
83         </script>
84 </head>
85 <body class="xtheme-gray">
86
87  </body>
88 </html>