Index: lams_learning/web/main.jsp =================================================================== diff -u -re2ca795a36c3539c53c0845757e87b0792bf9aa5 -r10b19e832ff61386b5cd9dac44ebcfe3c246aee3 --- lams_learning/web/main.jsp (.../main.jsp) (revision e2ca795a36c3539c53c0845757e87b0792bf9aa5) +++ lams_learning/web/main.jsp (.../main.jsp) (revision 10b19e832ff61386b5cd9dac44ebcfe3c246aee3) @@ -23,6 +23,11 @@ <%@ taglib uri="tags-core" prefix="c"%> <%@ taglib uri="tags-fmt" prefix="fmt"%> <%@ taglib uri="tags-lams" prefix="lams"%> +<% +String userAgent = request.getHeader("User-Agent").toLowerCase(); +boolean isTouchInterface = (userAgent.matches("(?i).*(iphone|ipod|ipad).*")); +%> +<%=isTouchInterface%> @@ -63,6 +68,7 @@ var isHorizontalBar = false; var hasContentFrame = true; var hasDialog = false; + var isTouchInterface = ${isTouchInterface}; var bars = { 'learnerMainBar' : { 'containerId' : 'progressBarDiv' @@ -93,7 +99,19 @@ togglerLength_closed : 130, togglerTip_open : '', togglerTip_closed : '', - onopen_start : function() {$('#controlFrame').css('visibility','visible');} + onopen_start : function() {$('#controlFrame').css('visibility','visible');}, + onopen_end : function() { + //expand contentFrame width altogether with content-frame-container + if (isTouchInterface) { + $("#contentFrame").width($("#content-frame-container").width()); + }; + }, + onclose_end : function() { + //shrink contentFrame width altogether with content-frame-container + if (isTouchInterface) { + $("#contentFrame").width($("#content-frame-container").width()); + }; + }, } }); @@ -177,10 +195,21 @@ <%@ include file="presenceChat.jsp"%> - - + + + +
+ +
+
+ + + +
+