git.roojs.org Git - roojs1/blob - examples/view/ddview.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   2 <html>
   3 <head>
   4 <style>
   5
   6
   7 .x-form-view {
   8         cursor:default;
   9 }
  10
  11 .Component {
  12         background-color:lightblue;
  13         border-bottom:1px groove;
  14         cursor:pointer;
  15 }
  16
  17 .asp-selected {
  18         background-color:#000070 !important;
  19         color:white;
  20 }
  21
  22 .x-view-drag-insert-above {
  23         border-top:1px dotted #3366cc;
  24 }
  25 .x-view-drag-insert-below {
  26         border-bottom:1px dotted #3366cc;
  27 }
  28
  29 </style>
  30 <link rel="stylesheet" type="text/css" href="../../cssX/roojs-all.css"/>
  31
  32 <script type="text/javascript" src="../../roojs-all.js"></script>
  33 <script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES -->
  34
  35 <script type="text/javascript" src="./ddview.js"></script>
  36 <script type="text/javascript">
  37
  38 </script>
  39 </head>
  40 <body>
  41
  42 <button type="button" onclick="RooDocs.viewSource.show('/ddview.js')">hello.js</button>for the full source code.</p>
  43
  44 <form  class="x-form" id="the-form">
  45         <div class="x-form-ct x-form-column x-form-label-left">
  46                 <fieldset class="x-form-fieldset x-form-label-left" style="margin-left:10px" >
  47                         <legend>Subcomponents</legend>
  48                         <div id="left-view-container" class="x-form-view" style="overflow:auto;height:215px">
  49                         </div>
  50                 </fieldset>
  51         </div>
  52         <div class="x-form-ct x-form-column x-form-label-left ">
  53                 <fieldset class="x-form-fieldset x-form-label-left" style="margin-left:10px">
  54                         <legend>Available subcomponents</legend>
  55                         <div id="right-view-container" class="x-form-view" style="overflow:auto;height:215px">
  56                         </div>
  57                 </fieldset>
  58         </div>
  59 </form>
  60 </body>
  61 </html>