Can not start quiz - confirmation message dimmed

Can not start quiz - confirmation message dimmed

by Leon Erasmus -
Number of replies: 13

Some of our users (outside) of the company, cannot complete the quiz, due to the Confirmation modal being dimmed. I am unable to replicate the issue on various machines and with various browsers, The issue seem to be limited to Internet Explorer. IE displays, at the bottom of the page, in the status bar, the following message:

Internet | Protected Mode: On.  This message does not appear on our installation of IE, and I also don't really know what it means. See the attached screen shot. 

Any ideas why the Confirmation pop-up would be dimmed?  I suspect it to be some sort of virus software perhaps, or something similar. The lessons can be accessed normally though.

We have Moodle 2.7 installed.  The issue appears on Windows 7 and XP (gasp!).

Any ideas would be very welcome.

Attachment Quiz.jpg
Average of ratings: -
In reply to Leon Erasmus

Re: Can not start quiz - confirmation message dimmed

by Tim Hunt -
Picture of Core developers Picture of Documentation writers Picture of Particularly helpful Moodlers Picture of Peer reviewers Picture of Plugin developers

Which version of Internet exporer is this?

http://docs.moodle.org/dev/Moodle_2.7_release_notes#Browser_support

I don't know why this is happening. It looks like a layering / z-index problem that is putting the grey screen in front of the dialogue, but I can't think why that would happen.

Average of ratings: -
In reply to Tim Hunt

Re: Can not start quiz - confirmation message dimmed

by Han Sheng Ler -

The highest version of WinXP is IE8.

There is a problem with IE8. Any ways to fix it?

Also, native Win7 (fresh) only has IE8 installed. How to we fix the issue running on IE8?

Average of ratings: -
In reply to Han Sheng Ler

Re: Can not start quiz - confirmation message dimmed

by Tim Hunt -
Picture of Core developers Picture of Documentation writers Picture of Particularly helpful Moodlers Picture of Peer reviewers Picture of Plugin developers

Win XP has been un-supported (by Microsoft) for nearly half a year. I think it is reasonable that Moodle also does not support it.

It might be possible to work-around this IE bug, but doubt you will find many people interested in trying to do that work. If anyone does a fix, I will, of course, help get it through the Moodle code-review process.

I think this bug only affects the 'Clean theme' in Moodle.

So you options are:

  1. Fix the bug yourself.
  2. Change to a different theme.
  3. Install Firefox or Chrome.
Average of ratings: -
In reply to Tim Hunt

Re: Can not start quiz - confirmation message dimmed

by Han Sheng Ler -

Hi Tim,

I've found the problem:

Under lib\yui\src\notification\js\dialogue.js

We have to change the applyZIndex to change the modal z-index first. So go to line 142 and change the last part of the function to this:

<pre>

            // Set the modal first. Cos IE8 will stack it on top if it is the last element updated/created.

            // This will fix modal above dialog bug.

            if (this.get('modal')) {

                ol.setStyle('zIndex', zindexvalue-1);

            }

            // Only set the zindex if we found a wrapper.

            zindexvalue = (highestzindex + 1).toString();

            bb.setStyle('zIndex', zindexvalue);

            this.set('zIndex', zindexvalue);

            this._calculatedzindex = true;

        }

</pre>


Average of ratings: -
In reply to Han Sheng Ler

Re: Can not start quiz - confirmation message dimmed

by Tim Hunt -
Picture of Core developers Picture of Documentation writers Picture of Particularly helpful Moodlers Picture of Peer reviewers Picture of Plugin developers

OK, that makes sense. I made this into a patch at MDL-42974.

Average of ratings: -
In reply to Tim Hunt

Re: Can not start quiz - confirmation message dimmed

by Tim Hunt -
Picture of Core developers Picture of Documentation writers Picture of Particularly helpful Moodlers Picture of Peer reviewers Picture of Plugin developers

It seems that does not actually work. Sorry, I don't have more time to spend on this.

Average of ratings: -
In reply to Tim Hunt

Re: Can not start quiz - confirmation message dimmed

by Han Sheng Ler -

Hi tim,

We have to shifter the folder and change the build folder. It will compile and work!!- 

Apologises as i am rushing to type in the post reply.

smile

Average of ratings: -
In reply to Han Sheng Ler

Re: Can not start quiz - confirmation message dimmed

by Tim Hunt -
Picture of Core developers Picture of Documentation writers Picture of Particularly helpful Moodlers Picture of Peer reviewers Picture of Plugin developers

I did run Shifter https://github.com/timhunt/moodle/compare/master...MDL-42974. When you get more time, perhaps you could take another look.

Average of ratings: -
In reply to Tim Hunt

Re: Can not start quiz - confirmation message dimmed

by Han Sheng Ler -

Hi Tim,

I've tested the Quiz > Start Attempt and the dialog box turns out fine.

Tested on :

  • Win XP, IE8
  • Vista, IE7
  • Win7, IE8

Cheers!!!IE7 Modal Fixed

Average of ratings: -
In reply to Han Sheng Ler

Re: Can not start quiz - confirmation message dimmed

by Tim Hunt -
Picture of Core developers Picture of Documentation writers Picture of Particularly helpful Moodlers Picture of Peer reviewers Picture of Plugin developers

What did you test? The code from the tracker issue?

Average of ratings: -
In reply to Tim Hunt

Re: Can not start quiz - confirmation message dimmed

by Han Sheng Ler -

Hi Tim,

Erm, my code is slightly different. I only set the z-index later, so, the modal mask is @ zero index.

            // Set the modal first. Cos IE8 will stack it on top if it is the last element updated/created.

            // This will fix modal above dialog bug.

            if (this.get('modal')) {

                ol.setStyle('zIndex', zindexvalue-1);

            }

            // Only set the zindex if we found a wrapper.

            zindexvalue = (highestzindex + 1).toString();

            bb.setStyle('zIndex', zindexvalue);

            this.set('zIndex', zindexvalue);

            this._calculatedzindex = true;

Sorry...I missed that. Let me check with your code...

Average of ratings: -
In reply to Tim Hunt

Re: Can not start quiz - confirmation message dimmed

by Han Sheng Ler -

Hi Tim,

I've found the fix. We need to set the z-index to less than 4030. I suspect because of the fix value in CSS:

.navbar-fixed-bottom{z-index:4030}

And somehow, IE8 got confused.

We can use this value:

            if (this.get('modal')) {

                ol.setStyle('zIndex', 4029);

            }

But I am not sure whether it is good to hard-code it. Anyways, setting the zindex to 0 also works for both IE8 and modern browsers like chrome. Weird stuff.

Average of ratings: -
In reply to Han Sheng Ler

Re: Can not start quiz - confirmation message dimmed

by Tim Hunt -
Picture of Core developers Picture of Documentation writers Picture of Particularly helpful Moodlers Picture of Peer reviewers Picture of Plugin developers

Have you yet worked out why this code is so complicated, and why we cannot just use hard-coded z-indexes like 4030 and 4029? There is a reason, and it has to be computed to work in all cases.

Average of ratings: -