<script type="text/javascript" src="../../Roo/grid/Calendar.js"></script>
<script type="text/javascript" src="calendar.js"></script>
-
+ <link rel="stylesheet" href="../../css-bootstrap/calendar.css">
+
+
<!-- Common Styles for the examples -->
<link rel="stylesheet" type="text/css" href="../examples.css" />
+
+ <style>
+ .x-grid-cal ..x-grid-cell-text {
+ overflow: visible;
+ }
+ .x-grid-cal .x-grid-col {
+ height: auto !important;
+ vertical-align: top;
+ }
+ .x-grid-cal .fc-event-hori {
+ height:14px;
+ }
+ </style>
+
</head>
<body>
<script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES -->
<button type="button" onclick="RooDocs.viewSource.show('/calendar.js')">calendar.js</button> and
<button type="button" onclick="RooDocs.viewSource.show('/calendar.html')">calendar.html</button> .</p>
-<div id="grid-panel" style="width:600px;height:300px;">
+<div id="grid-panel" style="width:1000px;height:500px;">
<div id="grid-example"></div>
</div>
</body>