<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Calendar Example</title>
- <link rel="stylesheet" type="text/css" href="../../css/roojs-all.css"/>
+ <link rel="stylesheet" type="text/css" href="../../css/roojs-debug.css"/>
<script type="text/javascript" src="../../roojs-debug.js"></script>
+ <script type="text/javascript" src="../../Roo/LayoutManager.js"></script>
+ <script type="text/javascript" src="../../Roo/LayoutRegion.js"></script>
+ <script type="text/javascript" src="../../Roo/BorderLayout.js"></script>
+
<link rel="stylesheet" type="text/css" href="../examples.css" />
<link rel="stylesheet" href="../../css-bootstrap/calendar.css">
+<style type="text/css">
+
+
+/* define height and width of scrollable area. Add 16px to width for scrollbar */
+div.fc-view {
+ clear: both;
+ border: 1px solid #963;
+ height: 100%;
+ overflow: auto;
+ width: 100%
+}
+
+/* Reset overflow value to hidden for all non-IE browsers. */
+html>body div.fc-view {
+ overflow: hidden;
+ width: 100%
+}
+
+/* define width of table. IE browsers only */
+div.fc-view table {
+ float: left;
+ width: 100%
+}
+
+/* define width of table. Add 16px to width for scrollbar. */
+/* All other non-IE browsers. */
+html>body div.fc-view table {
+ width: 100%
+}
+
+/* set table header to a fixed position. WinIE 6.x only */
+/* In WinIE 6.x, any element with a position property set to relative and is a child of */
+/* an element that has an overflow property set, the relative value translates into fixed. */
+/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
+thead tr {
+ position: relative
+}
+
+/* set THEAD element to have block level attributes. All other non-IE browsers */
+/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
+html>body thead tr {
+ display: block
+}
+
+/* make the TH elements pretty */
+/*thead th {
+ background: #C96;
+ border-left: 1px solid #EB8;
+ border-right: 1px solid #B74;
+ border-top: 1px solid #EB8;
+ font-weight: normal;
+ padding: 4px 3px;
+ text-align: left
+}*/
+
+/* make the A elements pretty. makes for nice clickable headers */
+/*thead a, thead a:link, thead a:visited {
+ color: #FFF;
+ display: block;
+ text-decoration: none;
+ width: 100%
+}*/
+
+/* make the A elements pretty. makes for nice clickable headers */
+/* WARNING: swapping the background on hover may cause problems in WinIE 6.x */
+/*thead a:hover {
+ color: #FFF;
+ display: block;
+ text-decoration: underline;
+ width: 100%
+}*/
+
+/* define the table content to be scrollable */
+/* set TBODY element to have block level attributes. All other non-IE browsers */
+/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
+/* induced side effect is that child TDs no longer accept width: auto */
+html>body tbody {
+ display: block;
+ height: 500px;
+ overflow: auto;
+ width: 100%
+}
+
+/* make TD elements pretty. Provide alternating classes for striping the table */
+/* http://www.alistapart.com/articles/zebratables/ */
+/*tbody td, tbody tr.normalRow td {
+ background: #FFF;
+ border-bottom: none;
+ border-left: none;
+ border-right: 1px solid #CCC;
+ border-top: 1px solid #DDD;
+ padding: 2px 3px 3px 4px
+}*/
+
+/*tbody tr.alternateRow td {
+ background: #EEE;
+ border-bottom: none;
+ border-left: none;
+ border-right: 1px solid #CCC;
+ border-top: 1px solid #DDD;
+ padding: 2px 3px 3px 4px
+}*/
+
+/* define width of TH elements: 1st, 2nd, and 3rd respectively. */
+/* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
+/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors */
+html>body thead th {
+ width: 136px
+}
+/*
+html>body thead th + th {
+ width: 240px
+}
+
+html>body thead th + th + th {
+ width: 316px
+}*/
+
+/* define width of TD elements: 1st, 2nd, and 3rd respectively. */
+/* All other non-IE browsers. */
+/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors */
+html>body tbody td {
+ width: 136px
+}
+html>body tbody td:last-child {
+ width: 120px
+}
+/*
+html>body tbody td + td {
+ width: 240px
+}
+
+html>body tbody td + td + td {
+ width: 300px
+}*/
+</style>
</head>
-<body>
+<body style="height:500px">
<!-- EXAMPLES -->
<h1>View Panel Example</h1>
-<div id="view-panel" style="width:900px;height:500;">
+<div id="view-panel" style="width:952px;height:500;">
</div>
projects / roojs1 / blobdiff