1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
4 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
5 <title>Calendar Example</title>
6 <link rel="stylesheet" type="text/css" href="../../css/roojs-debug.css"/>
8 <script type="text/javascript" src="../../roojs-debug.js"></script>
9 <script type="text/javascript" src="../../Roo/LayoutManager.js"></script>
10 <script type="text/javascript" src="../../Roo/LayoutRegion.js"></script>
11 <script type="text/javascript" src="../../Roo/BorderLayout.js"></script>
16 <script type="text/javascript" src="../../Roo/calendar/View.js"></script>
17 <script type="text/javascript" src="../../Roo/CalendarPanel.js"></script>
19 <script type="text/javascript" src="calendar.js"></script>
21 <!-- <link rel="stylesheet" type="text/css" href="grid-examples.css" />-->
23 <!-- Common Styles for the examples -->
24 <link rel="stylesheet" type="text/css" href="../examples.css" />
25 <link rel="stylesheet" href="../../css-bootstrap/calendar.css">
27 <style type="text/css">
30 /* define height and width of scrollable area. Add 16px to width for scrollbar */
33 border: 1px solid #963;
39 /* Reset overflow value to hidden for all non-IE browsers. */
40 html>body div.fc-view {
45 /* define width of table. IE browsers only */
51 /* define width of table. Add 16px to width for scrollbar. */
52 /* All other non-IE browsers. */
53 html>body div.fc-view table {
57 /* set table header to a fixed position. WinIE 6.x only */
58 /* In WinIE 6.x, any element with a position property set to relative and is a child of */
59 /* an element that has an overflow property set, the relative value translates into fixed. */
60 /* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
65 /* set THEAD element to have block level attributes. All other non-IE browsers */
66 /* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
71 /* make the TH elements pretty */
74 border-left: 1px solid #EB8;
75 border-right: 1px solid #B74;
76 border-top: 1px solid #EB8;
82 /* make the A elements pretty. makes for nice clickable headers */
83 /*thead a, thead a:link, thead a:visited {
86 text-decoration: none;
90 /* make the A elements pretty. makes for nice clickable headers */
91 /* WARNING: swapping the background on hover may cause problems in WinIE 6.x */
95 text-decoration: underline;
99 /* define the table content to be scrollable */
100 /* set TBODY element to have block level attributes. All other non-IE browsers */
101 /* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
102 /* induced side effect is that child TDs no longer accept width: auto */
110 /* make TD elements pretty. Provide alternating classes for striping the table */
111 /* http://www.alistapart.com/articles/zebratables/ */
112 /*tbody td, tbody tr.normalRow td {
116 border-right: 1px solid #CCC;
117 border-top: 1px solid #DDD;
118 padding: 2px 3px 3px 4px
121 /*tbody tr.alternateRow td {
125 border-right: 1px solid #CCC;
126 border-top: 1px solid #DDD;
127 padding: 2px 3px 3px 4px
130 /* define width of TH elements: 1st, 2nd, and 3rd respectively. */
131 /* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
132 /* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors */
137 html>body thead th + th {
141 html>body thead th + th + th {
145 /* define width of TD elements: 1st, 2nd, and 3rd respectively. */
146 /* All other non-IE browsers. */
147 /* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors */
151 html>body tbody td:last-child {
155 html>body tbody td + td {
159 html>body tbody td + td + td {
166 <body style="height:500px">
168 <h1>View Panel Example</h1>
171 <div id="view-panel" style="width:952px;height:500;">
176 <script type="text/javascript">
177 baseURL = "/roojs1/";
179 Roo.onReady(function() {
180 Roo.XComponent.build();