git.roojs.org Git - roojs1/blob - examples/grid/calendar.html

   1 <html>
   2 <head>
   3 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   4 <title>Calendar Grid Example</title>
   5
   6      <link rel="stylesheet" type="text/css" href="../../css/roojs.css"/>
   7     <link rel="stylesheet" type="text/css" href="../../css/xtheme-slate.css"/>
   8
   9      <script type="text/javascript" src="../../roojs-all.js"></script>
  10        <script type="text/javascript" src="../../Roo/grid/Calendar.js"></script>
  11
  12     <script type="text/javascript" src="calendar.js"></script>
  13       <link rel="stylesheet" href="../../css-bootstrap/calendar.css">
  14
  15
  16     <!-- Common Styles for the examples -->
  17     <link rel="stylesheet" type="text/css" href="../examples.css" />
  18
  19     <style>
  20     .x-grid-cal ..x-grid-cell-text {
  21         overflow: visible;
  22     }
  23     .x-grid-cal .x-grid-col {
  24         height: auto !important;
  25         vertical-align: top;
  26     }
  27     .x-grid-cal  .fc-event-hori {
  28         height:14px;
  29     }
  30     </style>
  31
  32 </head>
  33 <body>
  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>
  40
  41 <div id="grid-panel" style="width:1000px;height:500px;">
  42 <div id="grid-example"></div>
  43 </div>
  44 </body>
  45 </html>