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     }
  26
  27     </style>
  28
  29 </head>
  30 <body>
  31 <script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES -->
  32 <h1>Calendar Grid Example</h1>
  33 <p>This example shows how to calendar grid.</p>
  34 <p>Note that the js is not minified so it is readable. See
  35 <button type="button" onclick="RooDocs.viewSource.show('/calendar.js')">calendar.js</button>  and
  36 <button type="button" onclick="RooDocs.viewSource.show('/calendar.html')">calendar.html</button> .</p>
  37
  38 <div id="grid-panel" style="width:600px;height:300px;">
  39 <div id="grid-example"></div>
  40 </div>
  41 </body>
  42 </html>