3 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
4 <title>Calendar Grid Example</title>
6 <link rel="stylesheet" type="text/css" href="../../css/roojs.css"/>
7 <link rel="stylesheet" type="text/css" href="../../css/xtheme-slate.css"/>
9 <script type="text/javascript" src="../../roojs-all.js"></script>
10 <script type="text/javascript" src="../../Roo/grid/Calendar.js"></script>
12 <script type="text/javascript" src="calendar.js"></script>
13 <link rel="stylesheet" href="../../css-bootstrap/calendar.css">
16 <!-- Common Styles for the examples -->
17 <link rel="stylesheet" type="text/css" href="../examples.css" />
20 .x-grid-cal ..x-grid-cell-text {
23 .x-grid-cal .x-grid-col {
24 height: auto !important;
27 .x-grid-cal .fc-event-hori {
34 <script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES -->
35 <h1>Calendar Grid Example</h1>
36 <p>This example shows how to calendar grid.</p>
37 <p>Note that the js is not minified so it is readable. See
38 <button type="button" onclick="RooDocs.viewSource.show('/calendar.js')">calendar.js</button> and
39 <button type="button" onclick="RooDocs.viewSource.show('/calendar.html')">calendar.html</button> .</p>
41 <div id="grid-panel" style="width:1000px;height:500px;">
42 <div id="grid-example"></div>