Index: lams_tool_images/web/WEB-INF/tags/AuthoringRatingCriteria.tag
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_images/web/WEB-INF/tags/AuthoringRatingCriteria.tag,v
diff -u -r1.2.2.8 -r1.2.2.9
--- lams_tool_images/web/WEB-INF/tags/AuthoringRatingCriteria.tag	7 Dec 2016 05:29:13 -0000	1.2.2.8
+++ lams_tool_images/web/WEB-INF/tags/AuthoringRatingCriteria.tag	12 Dec 2016 06:44:23 -0000	1.2.2.9
@@ -224,15 +224,15 @@
 	//check minimum is not bigger than maximum
 	function validateRatingLimits(isMinimum) {
 		var minRateDropDown = document.getElementById("minimum-rates");
-		var minLimit = parseInt(minRateDropDown.value);
+		var minLimit = parseInt(minRateDropDown.options[minRateDropDown.selectedIndex].value);
 		var maxRateDropDown = document.getElementById("maximum-rates");
-		var maxLimit = parseInt(maxRateDropDown.value);
+		var maxLimit = parseInt(maxRateDropDown.options[maxRateDropDown.selectedIndex].value);
 
 		if ((minLimit > maxLimit) && !(maxLimit == 0)) {
 			if (isMinimum) {
-				minRateDropDown.value = maxRateDropDown.value;
+				minRateDropDown.selectedIndex = maxRateDropDown.selectedIndex;
 			} else {
-				maxRateDropDown.value = minRateDropDown.value;
+				maxRateDropDown.selectedIndex = minRateDropDown.selectedIndex;
 			}
 
 			alert('<fmt:message key="js.warning.max.min.limit"/>');
@@ -284,11 +284,42 @@
 					<label for="minimum-rates">
 						<fmt:message key="${minimumLabel}" />
 					</label>
-					<input type="number" name="${formContentPrefix}minimumRates"  id="minimum-rates" value="${imageGalleryForm.imageGallery.minimumRates}" onchange="validateRatingLimits(true);" class="form-control input-sm" min="0"/>	
+					<html:select property="${formContentPrefix}minimumRates" styleId="minimum-rates" onmouseup="validateRatingLimits(true);" 
+							styleClass="form-control form-control-inline">
+						<html:option value="0">
+							<fmt:message key="${noMinimumLabel}" />
+						</html:option>
+						<html:option value="1">1</html:option>
+						<html:option value="2">2</html:option>
+						<html:option value="3">3</html:option>
+						<html:option value="4">4</html:option>
+						<html:option value="5">5</html:option>
+						<html:option value="6">6</html:option>
+						<html:option value="7">7</html:option>
+						<html:option value="8">8</html:option>
+						<html:option value="9">9</html:option>
+						<html:option value="10">10</html:option>
+					</html:select>
+				
 					<label for="maximum-rates">
 						<fmt:message key="${maximumLabel}" />
 					</label>
-					<input type="number" name="${formContentPrefix}maximumRates"  id="maximum-rates" value="${imageGalleryForm.imageGallery.maximumRates}" onchange="validateRatingLimits(true);" class="form-control input-sm" min="0"/>
+					<html:select property="${formContentPrefix}maximumRates" styleId="maximum-rates" onmouseup="validateRatingLimits(false);" 
+							styleClass="form-control form-control-inline">
+						<html:option value="0">
+							<fmt:message key="${noMaximumLabel}" />
+						</html:option>
+						<html:option value="1">1</html:option>
+						<html:option value="2">2</html:option>
+						<html:option value="3">3</html:option>
+						<html:option value="4">4</html:option>
+						<html:option value="5">5</html:option>
+						<html:option value="6">6</html:option>
+						<html:option value="7">7</html:option>
+						<html:option value="8">8</html:option>
+						<html:option value="9">9</html:option>
+						<html:option value="10">10</html:option>
+					</html:select>
 				</div>
 			</c:if>
 	
@@ -309,7 +340,7 @@
 						<fmt:param> </fmt:param>
 					</fmt:message>
 				</label>
-				<input type="number" name="commentsMinWordsLimit" id="comments-min-words-limit" value="${commentsMinWordsLimit}"/>
+				<input type="number" name="commentsMinWordsLimit" id="comments-min-words-limit" value="${commentsMinWordsLimit}" min="0"/>
 			</div>
 		</div>
 	</div>