Scrolling test results
April 24, 2017 12:00 AM
I have an issue with the test results object on a test results page where it is not allowing for scrolling, but ONLY in IE. I tested through both ReviewLink and using the browser preview within Lectora with the same result. I'm using 16.2.2 and it works fine in Firefox and Chrome.
(I seriously want to grab IE by the neck and give it a good shaking already today.)
Discussion (10)
What did you do to make it scroll? Why does everything in your course has to scroll ? ;-) In one of my courses I used javascript to append the results object to a custom div and make that scroll, in IE as well.
... and welcome to the world of Microsoft. It's always different.
With the results page, all I did was add the Vertical Scrolling to the default Results object on the page at the end of the test just like you would with any text box. Works like a dream in Firefox and Chrome.
That's why I'm so stumped about this not working in IE, despite how distant a planet Microsoft can be at times.
And not EVERYTHING has to scroll - just everything that doesn't fit into the course page size :)
undefined
It can be appended to a custom div:
Create an HTML Extension of the type "Custom Div". Give it a name with no numbers or blanks, e.g. "resultsdiv". In difference to other Lectora objects, the name in the title explorer will be the ID of the Div.
Create a second HTML Extension of the type "Meta Tags" and put in some CSS:
undefinedother1234undefined
Im sure i had vertical scrolling enabled on a textfield on a resultspage and it worked in IE11 too. Let me quickly doublecheck that though.
It's not a separate text field, it's the default results object that Lectora creates when you add the "Show Results" to the test properties. I did an inspect element on the results in IE as well as a scrolling text box as a comparison and found a very subtle difference.
For the text box, buried way down in what I think are styles for the table it shows "-ms-overflow-y" whereas on the styles for the results, the setting is "overflow-y". Both have auto as the value.
I tried attaching a RunJS to it using document.get for the "otherXXXXX" (which is how it's labeled in the html), but that didn't seem to work either. I also thought about adding a class, but there's no appearance setting to add a class to the results object.
Other than creating a text box from scratch and adding each question individually to that text box, I'm not sure what other options I might have.
When you found out what is causing this, please let me know. I have this same problem, but in Moodle.
Internet Explorer has a bug with overflow in that if a width for the element is not set it automatically sets overflow to visible. Visible does not clip the content and does not show scrollbars.
Tim, once again you lead me to the solution. I tried the settings from above and had this weird behavior where the value entered as the custom div displayed at the top of the page and the page itself was pretty much hosed.
After some tinkering, I was able to get it to work with just a Custom Div and an OnShow attached to the element:
Custom Div:
undefined
RunJS on element:
document.getElementById("other383881").className = "resultsdiv";
The scrolling now works in all browsers. I might be able to take some time this weekend to put together a sample to share - I don't want to try and copy/paste my test to a new file, as is typical with my pages, there's a lot of complexity :)
I have asked this question to Trivantis on several occasions and have never received an answer (complete results not showing on "show results" test page, no way to scroll and get the correct button to close the popup). Simple click of a button to show results and it didn't work in IE for us either. IE is our standard desktop enterprise wide so no option to go with Chrome or Firefox.
Maybe you hit on something the software guys can fix/add with the "ms" not showing?
Either way...I'll copy your solution and test it in my courses. I have been unselecting "show all" to just "incorrect". I still get questions though from students wanting to see the questions they got right (not sure why...you got it right!)? I just tell them its a software issue and we are working it.
This sounds like it solves it and maybe the programmers can fix the software in the next version?
I'm not sure that this would work on the pop-up message that can be generated with the show results. The fix works if you have a page within a test where the results are on a box on that page in text format. Here's a quick sample with 3 questions and the results object size reduced to show the scrolling effect.
Discussions have been disabled for this post