Index: lams_monitoring/src/java/org/lamsfoundation/lams/monitoring/service/IMonitoringService.java
===================================================================
diff -u -r411727872d04bfd061de7b831320654d816c4cbf -rae5e9eacbfbf13097410637b6e8990dfb909177a
--- lams_monitoring/src/java/org/lamsfoundation/lams/monitoring/service/IMonitoringService.java	(.../IMonitoringService.java)	(revision 411727872d04bfd061de7b831320654d816c4cbf)
+++ lams_monitoring/src/java/org/lamsfoundation/lams/monitoring/service/IMonitoringService.java	(.../IMonitoringService.java)	(revision ae5e9eacbfbf13097410637b6e8990dfb909177a)
@@ -337,7 +337,7 @@
      * @param userId
      * @return
      */
-    GateActivity openGateForSingleUser(Long gateId, Integer userId);
+    GateActivity openGateForSingleUser(Long gateId, Integer[] userIds);
 
     /**
      * Set the gate to closed.
Index: lams_monitoring/src/java/org/lamsfoundation/lams/monitoring/service/MonitoringService.java
===================================================================
diff -u -r451d27fa7ec1f4acca4f15c8f52c3cd9a238787f -rae5e9eacbfbf13097410637b6e8990dfb909177a
--- lams_monitoring/src/java/org/lamsfoundation/lams/monitoring/service/MonitoringService.java	(.../MonitoringService.java)	(revision 451d27fa7ec1f4acca4f15c8f52c3cd9a238787f)
+++ lams_monitoring/src/java/org/lamsfoundation/lams/monitoring/service/MonitoringService.java	(.../MonitoringService.java)	(revision ae5e9eacbfbf13097410637b6e8990dfb909177a)
@@ -908,7 +908,7 @@
 		if (grouping != null) {
 		    groupingDAO.delete(grouping);
 		}
-		
+
 		for (BranchActivityEntry entry : branchingActivity.getBranchActivityEntries()) {
 		    BranchCondition condition = entry.getCondition();
 		    if (condition != null) {
@@ -978,9 +978,9 @@
     }
 
     @Override
-    public GateActivity openGateForSingleUser(Long gateId, Integer userId) {
+    public GateActivity openGateForSingleUser(Long gateId, Integer[] userIds) {
 	GateActivity gate = (GateActivity) activityDAO.getActivityByActivityId(gateId);
-	if ((gate != null) && (userId != null) && (userId >= 0)) {
+	for (Integer userId : userIds) {
 	    User user = (User) baseDAO.find(User.class, userId);
 	    gate.getAllowedToPassLearners().add(user);
 	    activityDAO.update(gate);
Index: lams_monitoring/src/java/org/lamsfoundation/lams/monitoring/web/GateAction.java
===================================================================
diff -u -r3399163940c61c9132223c758d274486e57ff9b7 -rae5e9eacbfbf13097410637b6e8990dfb909177a
--- lams_monitoring/src/java/org/lamsfoundation/lams/monitoring/web/GateAction.java	(.../GateAction.java)	(revision 3399163940c61c9132223c758d274486e57ff9b7)
+++ lams_monitoring/src/java/org/lamsfoundation/lams/monitoring/web/GateAction.java	(.../GateAction.java)	(revision ae5e9eacbfbf13097410637b6e8990dfb909177a)
@@ -21,14 +21,14 @@
  * ****************************************************************
  */
 
-
 package org.lamsfoundation.lams.monitoring.web;
 
 import java.io.IOException;
 import java.util.Calendar;
 import java.util.Collection;
 import java.util.GregorianCalendar;
 import java.util.HashSet;
+import java.util.LinkedList;
 import java.util.List;
 import java.util.Set;
 import java.util.TimeZone;
@@ -37,6 +37,7 @@
 import javax.servlet.http.HttpServletRequest;
 import javax.servlet.http.HttpServletResponse;
 
+import org.apache.commons.lang.StringUtils;
 import org.apache.struts.action.ActionForm;
 import org.apache.struts.action.ActionForward;
 import org.apache.struts.action.ActionMapping;
@@ -216,8 +217,15 @@
 
 	DynaActionForm gateForm = (DynaActionForm) form;
 	Long gateIdLong = (Long) gateForm.get(GateAction.ACTIVITY_FORM_FIELD);
-	Integer userId = (Integer) gateForm.get(GateAction.USER_ID);
-	GateActivity gate = monitoringService.openGateForSingleUser(gateIdLong, userId);
+	String userId = (String) gateForm.get(GateAction.USER_ID);
+	String[] userIdsString = userId.split(",");
+	List<Integer> userIds = new LinkedList<Integer>();
+	for (String userIdString : userIdsString) {
+	    if (StringUtils.isNotBlank(userIdString)) {
+		userIds.add(Integer.valueOf(userIdString));
+	    }
+	}
+	GateActivity gate = monitoringService.openGateForSingleUser(gateIdLong, userIds.toArray(new Integer[] {}));
 	return findViewByGateType(mapping, gateForm, gate);
     }
 
Index: lams_monitoring/web/WEB-INF/struts-config.xml
===================================================================
diff -u -r51f0b0d75529c154910d175aad7d0f26acdf0597 -rae5e9eacbfbf13097410637b6e8990dfb909177a
--- lams_monitoring/web/WEB-INF/struts-config.xml	(.../struts-config.xml)	(revision 51f0b0d75529c154910d175aad7d0f26acdf0597)
+++ lams_monitoring/web/WEB-INF/struts-config.xml	(.../struts-config.xml)	(revision ae5e9eacbfbf13097410637b6e8990dfb909177a)
@@ -24,7 +24,7 @@
 	<form-property name="waitingLearnerList" type="java.util.Collection" />
 	<form-property name="forbiddenLearnerList" type="java.util.Collection" />
 	<form-property name="allowedToPassLearnerList" type="java.util.Collection" />
-	<form-property name="userId" type="java.lang.Integer" />
+	<form-property name="userId" type="java.lang.String" />
 </form-bean>
 
   </form-beans>
Index: lams_monitoring/web/gate/conditionGateContent.jsp
===================================================================
diff -u -rff491b651076f76b819a2555afd5fb02d61fb0be -rae5e9eacbfbf13097410637b6e8990dfb909177a
--- lams_monitoring/web/gate/conditionGateContent.jsp	(.../conditionGateContent.jsp)	(revision ff491b651076f76b819a2555afd5fb02d61fb0be)
+++ lams_monitoring/web/gate/conditionGateContent.jsp	(.../conditionGateContent.jsp)	(revision ae5e9eacbfbf13097410637b6e8990dfb909177a)
@@ -4,16 +4,19 @@
 	<%@ taglib uri="tags-core" prefix="c" %>		
 	<%@ taglib uri="tags-fmt" prefix="fmt" %>
 	<%@ taglib uri="tags-lams" prefix="lams" %>
+	
+	<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
 	<script type="text/javascript">
-		function onSubmitForm(){
-			var select = document.getElementById(document.pressed);
-			if (select.selectedIndex==-1){
+		function allowUsers(who){
+			var allowed = '';
+			$('#' + who + ' input:checked').each(function(){
+				allowed += $(this).val() + ',';
+			});
+			if (allowed == ''){
 				return false;
 			}
-			else {
-				document.getElementById("userId").value=select.options[select.selectedIndex].value;
-				return true;
-			}
+			$('#userId').val(allowed);
+			return true;
 		}
 	</script>
 
Index: lams_monitoring/web/gate/openGateSingleUser.jsp
===================================================================
diff -u -rff491b651076f76b819a2555afd5fb02d61fb0be -rae5e9eacbfbf13097410637b6e8990dfb909177a
--- lams_monitoring/web/gate/openGateSingleUser.jsp	(.../openGateSingleUser.jsp)	(revision ff491b651076f76b819a2555afd5fb02d61fb0be)
+++ lams_monitoring/web/gate/openGateSingleUser.jsp	(.../openGateSingleUser.jsp)	(revision ae5e9eacbfbf13097410637b6e8990dfb909177a)
@@ -1,37 +1,56 @@
+			<style type="text/css">
+				.gateLearners {
+					padding: 5px 0 5px 5px;
+					height: 300px;
+					overflow: auto;
+				}
+				
+				.allowButton {
+					width: 100%;
+				}
+			</style>
+			
 			<hr />
 			<p><fmt:message key="label.gate.open.single.learner"/></p>
-			<html:form action="/gate?method=openGateForSingleUser" onsubmit="return onSubmitForm();" target="_self">
+			<html:form action="/gate?method=openGateForSingleUser" target="_self">
 			<input type="hidden" id="activityId" name="activityId" value="${GateForm.map.activityId}" />
 			<input type="hidden" id="userId" name="userId" />
 			
 			<div class="row">
 				<div class="col-sm-4">
 					  <p class="text-danger text-center"><strong><fmt:message key="label.gate.list.all.learners"/></strong></p>
-						<select class="form-control"  id="forbidden" name="forbidden" size="10">
+						<div class="panel panel-default gateLearners" id="forbidden">
 							<c:forEach var="learner" items="${GateForm.map.forbiddenLearnerList}">
-								<option value="${learner.userId}"><c:out value="${learner.firstName} ${learner.lastName}" escapeXml="true"/></option>
+								<input id="forbidden-${learner.userId}" type="checkbox" value="${learner.userId}" />
+								<label for="forbidden-${learner.userId}"><c:out value="${learner.firstName} ${learner.lastName}" escapeXml="true"/></label>
+								<br />
 							</c:forEach>
-						</select>
-						<br/>
-						<input style="width: 160px" type="submit"  class="btn btn-default btn-xs"  value="<fmt:message key="label.gate.allow"/>" onclick="document.pressed='forbidden'"/>	
+						</div>
+						<input type="submit" class="btn btn-default btn-xs allowButton" 
+							   value="<fmt:message key="label.gate.allow"/>"
+							   onclick="javascript:allowUsers('forbidden')"/>	
 				</div>
 				<div class="col-sm-4">
 						<p class="text-center"><strong><fmt:message key="label.gate.list.waiting.learners"/></strong></p>
-						<select class="form-control"   id="waiting" name="waiting" size="10">
+						<div class="panel panel-default gateLearners" id="waiting">
 							<c:forEach var="learner" items="${GateForm.map.waitingLearnerList}">
-								<option value="${learner.userId}"><c:out value="${learner.firstName} ${learner.lastName}" escapeXml="true"/></option>
+								<input id="waiting-${learner.userId}" type="checkbox" value="${learner.userId}" />
+								<label for="waiting-${learner.userId}"><c:out value="${learner.firstName} ${learner.lastName}" escapeXml="true"/></label>
+								<br />
 							</c:forEach>
-						</select>
-						<br/>
-						<input style="width: 160px" type="submit" class="btn btn-default btn-xs"  value="<fmt:message key="label.gate.allow"/>" onclick="document.pressed='waiting'"/>
+						</div>
+						<input type="submit" class="btn btn-default btn-xs allowButton" 
+							   value="<fmt:message key="label.gate.allow"/>"
+							   onclick="javascript:allowUsers('waiting')"/>
 				</div>
 				<div class="col-sm-4">
 							<p class="text-success text-center"><strong><fmt:message key="label.gate.list.allowed.learners"/></strong></p>
-							<select class="form-control"  id="allowed" name="allowed" size="10" disabled="disabled">
-							<c:forEach var="learner" items="${GateForm.map.allowedToPassLearnerList}">
-								<option><c:out value="${learner.firstName} ${learner.lastName}" escapeXml="true"/></option>
-							</c:forEach>
-						</select>
+							<div class="panel panel-default gateLearners">
+								<c:forEach var="learner" items="${GateForm.map.allowedToPassLearnerList}">
+									<span><c:out value="${learner.firstName} ${learner.lastName}" escapeXml="true"/></span>
+									<br />
+								</c:forEach>
+							</div>
 				</div>
 			</div>
 
Index: lams_monitoring/web/gate/permissionGateContent.jsp
===================================================================
diff -u -rff491b651076f76b819a2555afd5fb02d61fb0be -rae5e9eacbfbf13097410637b6e8990dfb909177a
--- lams_monitoring/web/gate/permissionGateContent.jsp	(.../permissionGateContent.jsp)	(revision ff491b651076f76b819a2555afd5fb02d61fb0be)
+++ lams_monitoring/web/gate/permissionGateContent.jsp	(.../permissionGateContent.jsp)	(revision ae5e9eacbfbf13097410637b6e8990dfb909177a)
@@ -4,18 +4,22 @@
 	<%@ taglib uri="tags-core" prefix="c" %>		
 	<%@ taglib uri="tags-fmt" prefix="fmt" %>
 	<%@ taglib uri="tags-lams" prefix="lams" %>
+	
+	<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
 	<script type="text/javascript">
-		function onSubmitForm(){
-			var select = document.getElementById(document.pressed);
-			if (select.selectedIndex==-1){
+		function allowUsers(who){
+			var allowed = '';
+			$('#' + who + ' input:checked').each(function(){
+				allowed += $(this).val() + ',';
+			});
+			if (allowed == ''){
 				return false;
 			}
-			else {
-				document.getElementById("userId").value=select.options[select.selectedIndex].value;
-				return true;
-			}
+			$('#userId').val(allowed);
+			return true;
 		}
 	</script>
+	
 	<c:set var="title"><fmt:message key="label.permission.gate.title"/></c:set>
 	<lams:Page title="${title}" type="monitoring">