applying mike's grid scroll fixes, jason's typo fix. thanks guys
[Evergreen.git] / Open-ILS / web / vandelay / vandelay.html
index 8d4e634..615d694 100644 (file)
             .hidden { display: none; }
             #toolbar { margin-top: 0px; }
             body { width:100%; height:100%; border:0; margin:0; padding:0; }
-            .progress { 
-                width:100%;
-                text-align:center;
-                margin: 20px;
-            }
+            .progress {margin: 20px;}
             .overlay_selected { 
                 padding: 2px; 
                 background: #d9e8f9;
@@ -54,7 +50,8 @@
         <script type="text/javascript" src='vandelay.js'></script>
     </head>
     <body class="tundra tall">
-        <div dojoType="dijit.Toolbar" id='toolbar'>
+      <div dojoType="dijit.layout.LayoutContainer" orientation="vertical" class="tall">
+        <div dojoType="dijit.Toolbar" id='toolbar' layoutAlign="top">
             <div dojoType="dijit.form.Button" iconClass="dijitEditorIcon dijitEditorIconCopy" 
                 onclick='displayGlobalDiv("vl-marc-upload-div");' showLabel="true">Import Records</div>
             <div dojoType="dijit.form.Button" iconClass="dijitEditorIcon dijitEditorIconCopy" 
@@ -77,7 +74,7 @@
         </div>
 
         <!-- MARC upload form -->
-        <div id='vl-marc-upload-div' class='hidden'>
+        <div dojoType="dijit.layout.ContentPane" layoutAlign="client" id='vl-marc-upload-div' class='hidden'>
             <h1>Evergreen MARC File Upload</h1><br/>
             <form id="vl-marc-upload-form" enctype="multipart/form-data">
                 <input type='hidden' name='ses' id='vl-ses-input'/>
         </div>
 
         <!-- record queue grid -->
-        <div id='vl-queue-div' class='tall hidden'>
+        <div dojoType="dijit.layout.ContentPane" layoutAlign="client" id='vl-queue-div' class='tall hidden'>
             <h1>Record Queue</h1><br/>
             <script>
                 var vlQueueGridLayout;
                 <div dojoType="dijit.Dialog" jsId='vlQueueGridColumePickerDialog' title="Column Picker" execute="alert(2);">
                     <table class='form_table'>
                         <thead>
-                            <tr><th width='33%'>Column</th><th width='33%'>Dislapy</th><th width='33%'>Auto Width</th></tr>
+                            <tr><th width='33%'>Column</th><th width='33%'>Display</th><th width='33%'>Auto Width</th></tr>
                         </thead>
                         <tbody>
                             <tr>
         </div>
 
         <!-- Grid of record matches -->
-        <div id='vl-match-div' class='tall hidden'>
+        <div dojoType="dijit.layout.ContentPane" layoutAlign="client" id='vl-match-div' class='tall hidden'>
             <script>
                 var vlMatchGridLayout;
                 function resetVlMatchGridLayout() {
         </div>
 
         <!-- MARC as HTML for matched records -->
-        <div id='vl-match-html-div' class='tall hidden'>
+        <div dojoType="dijit.layout.ContentPane" layoutAlign="client" id='vl-match-html-div' class='tall hidden'>
             <h1>MARC Record</h1><br/>
             <div>
                 <button dojoType='dijit.form.Button' 
         </div>
 
         <!-- Form for choosing which queue to view -->
-        <div id='vl-queue-select-div' class='tall hidden'>
+        <div dojoType="dijit.layout.ContentPane" layoutAlign="client" id='vl-queue-select-div' class='tall hidden'>
             <h1>Select a Queue to Inspect</h1><br/>
             <table class='form_table'>
                 <tr>
                 </tr>
             </table>
         </div>
+      </div>
     </body>
 </html>