Index: lams_monitoring/web/css/monitorLesson.css =================================================================== diff -u -rd898191d835f2d99b899404385277499104ae00b -r40dfbea9088a2be0128c35d5062b9d299ad3c3de --- lams_monitoring/web/css/monitorLesson.css (.../monitorLesson.css) (revision d898191d835f2d99b899404385277499104ae00b) +++ lams_monitoring/web/css/monitorLesson.css (.../monitorLesson.css) (revision 40dfbea9088a2be0128c35d5062b9d299ad3c3de) @@ -293,6 +293,10 @@ margin-right: 5px; } +#sequenceInfoDialog { + cursor: pointer; +} + /********** LEARNERS TAB STYLES **********/ #tabLearnerControlTable td { padding: 0px; Index: lams_monitoring/web/includes/javascript/monitorLesson.js =================================================================== diff -u -ra1ac7d32cbc081bed2b01a84c50ea7fc67ec9d18 -r40dfbea9088a2be0128c35d5062b9d299ad3c3de --- lams_monitoring/web/includes/javascript/monitorLesson.js (.../monitorLesson.js) (revision a1ac7d32cbc081bed2b01a84c50ea7fc67ec9d18) +++ lams_monitoring/web/includes/javascript/monitorLesson.js (.../monitorLesson.js) (revision 40dfbea9088a2be0128c35d5062b9d299ad3c3de) @@ -5,7 +5,7 @@ // it gets accessed so many times it's worth to cache it here sequenceCanvas = $('#sequenceCanvas'), // info box show timeout - sequenceInfoTimeout = 10000, + sequenceInfoTimeout = 8000, // which learner was selected in the search box sequenceSearchedLearner = null, // container for learners' progress bars metadata @@ -619,26 +619,30 @@ // small info box on Sequence tab, activated when the tab is showed showDialog('sequenceInfoDialog', { 'autoOpen' : false, - 'height' : 150, 'width' : 300, 'modal' : false, - 'resizable' : false, + 'resizable' : false, + 'draggable' : false, 'title' : LABELS.HELP, 'open' : function(){ // close after given time setTimeout(function(){ $('#sequenceInfoDialog').modal('hide') }, sequenceInfoTimeout); }, - 'close' : function(){ + 'close' : null, + 'data' : { + 'position' : { + 'my' : 'left top', + 'at' : 'left top', + 'of' : '#sequenceCanvas' + } } - }, false); - $('.modal-body', '#sequenceInfoDialog').empty().append($('#sequenceInfoDialogContents').show()); - - $('#sequenceInfoDialogCloseButton', '#sequenceInfoDialogContents').click(function(){ + }, false).click(function(){ $('#sequenceInfoDialog').modal('hide'); - }); - + }).find('.modal-header').remove(); + + $('#sequenceInfoDialog .modal-body').empty().append($('#sequenceInfoDialogContents').show()); } /**