Finally got the tables to scroll independently and fill the remaining page height. Still working on Item's alias list controls, and getting key events associated with tables and lists.

public/admin/items.html

@@ -35,7 +35,6 @@
 	<div id="editorView" class="view" style="display: none;" data-menu="false">
 		<div class="modal-dialog">
 			<div class="modal-header">
-				<button type="button" class="close" data-dismiss="modal">&times;</button>
 				<h4 class="modal-title"></h4>
 			</div>
 			<form role="form" autocomplete="off">
@@ -47,7 +46,7 @@
 					<label for="DFSubcategory">Subcategory</label>
 					<div class="form-group">
 						<input name="subcategoryId" id="DFSubcategoryId" type="hidden"/>
-						<input name="subcategory" id="DFSubcategory" class="form-control" tabindex="0" required/>
+						<input name="subcategory" id="DFSubcategory" class="form-control" type="text" tabindex="0" required/>
 					</div>
 					<label for="DFPrice">Default Price</label>
 					<div class="input-group">
@@ -425,9 +424,6 @@ $(function() {
 			}
 		});
 	});
-	$editorView.find('#DFCancel').on('click', function(event) {
-		closeView();
-	});
 	//Add a new alias to the alias list.
 	$editorView.find('#DFNewAliasAdd').on('click', function(event) {
 		//Add the text in the DFNewAlias input as an alias in the list.
@@ -483,6 +479,16 @@ $(function() {
 		}
 	});
 
+	//Close the view if the user uses the escape key and it isn't handled at the widget level.
+	$editorView.on('keyup', function(event) {
+		switch(event.keyCode) {
+			case 27:
+				if(!event.isDefaultPrevented())
+					location.href='#!/items';
+				break;
+		}
+	});
+
 	//++++++++++++++++++++++++++++++++++++++
 	// ++++++++++ Delete View +++++++++++