examples/dd/dragdropzones.html

   1 <html>
   2 <head>
   3 <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
   4 <script type="text/javascript" src="../../bootstrap.js"></script>
   5 <script type="text/javascript" src="dragdropzones.js"></script>
   6 <style type="text/css">
   7 .app-header .x-panel-body {
   8     background-color: #ddd;
   9     padding-left: 5px;
  10 }
  11
  12 .app-header h1 {
  13     font-family: verdana,arial,sans-serif;
  14     font-size: 20px;
  15     color: #15428B;
  16 }
  17
  18 .hospital-target {
  19     border: 1px solid red;
  20     margin: 5px;
  21     padding: 5px;
  22     font-size: small;
  23     cursor: default;
  24 }
  25
  26 .hospital-target.hospital-target-hover {
  27     background-color: #C0C0C0;
  28 }
  29
  30 .patient-source {
  31     cursor: pointer;
  32 }
  33
  34 .patient-view table {
  35     border-collapse: separate;
  36     border-spacing: 2px;
  37 }
  38
  39 .patient-view td {
  40     font-family: verdana,arial,sans-serif;
  41     font-size: 12px;
  42 }
  43
  44 td.patient-label {
  45     background-color: #ddd;
  46     border: 1px solid #bbb;
  47     font-weight: bold;
  48     text-align: right;
  49     width: 100px;
  50     padding: 0px 3px 0px 0px;
  51 }
  52
  53 .patient-over {
  54     background-color:#EFEFEF;
  55     cursor: pointer;
  56 }
  57 .patient-selected {
  58     background-color: #DFE8F6;
  59     cursor: pointer;
  60 }
  61 </style>
  62 <title>Ext Drag/Drop</title>
  63 </head>
  64 <body>
  65 </body>
  66 </html>