.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;
<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"
</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>