Index: lams_gradebook/web/gradebookCourseMonitor.jsp =================================================================== RCS file: /usr/local/cvsroot/lams_gradebook/web/gradebookCourseMonitor.jsp,v diff -u -r1.16.2.6 -r1.16.2.7 --- lams_gradebook/web/gradebookCourseMonitor.jsp 29 Jun 2016 10:22:01 -0000 1.16.2.6 +++ lams_gradebook/web/gradebookCourseMonitor.jsp 10 Nov 2016 12:30:09 -0000 1.16.2.7 @@ -22,13 +22,16 @@ jQuery(document).ready(function(){ + var jqgridWidth = $(window).width() - 100; + // Create the lesson view grid with sub grid for users jQuery("#organisationGrid").jqGrid({ caption: "", datatype: "xml", url: "/gradebook/gradebook.do?dispatch=getCourseGridData&view=monCourse&organisationID=${organisationID}", height: "100%", - width: 660, + width: jqgridWidth, + shrinkToFit: false, sortorder: "asc", sortname: "id", pager: 'organisationGridPager', @@ -174,7 +177,8 @@ datatype: "xml", url: "/gradebook/gradebook.do?dispatch=getUserGridData&view=listView&organisationID=${organisationID}", height: "100%", - width: 660, + width: jqgridWidth, + shrinkToFit: false, sortorder: "asc", sortname: "rowName", pager: 'userViewPager', @@ -383,32 +387,52 @@ return false; }); + //jqgrid autowidth (http://stackoverflow.com/a/1610197) + $(window).bind('resize', function() { + resizeJqgrid(jQuery(".ui-jqgrid-btable:visible")); + }); + + //resize jqGrid on openning of bootstrap collapsible + $('div[id^="collapse"]').on('shown.bs.collapse', function () { + resizeJqgrid(jQuery(".ui-jqgrid-btable:visible", this)); + }) + + function resizeJqgrid(jqgrids) { + jqgrids.each(function(index) { + var gridId = $(this).attr('id'); + var gridParentWidth = jQuery('#gbox_' + gridId).parent().width(); + jQuery('#' + gridId).setGridWidth(gridParentWidth, true); + }); + }; + setTimeout(function(){ window.dispatchEvent(new Event('resize')); }, 300); + + }); function openSelectLessonsArea() { $("#select-lessons-area").toggle("slow"); return false; } + - -
- -
- -
- -

- + + + + + + + +

-

-
+

-
-
+