Glossary

Glossary popup window partly hidden behind embedded youtube video and not moveable

 
 
Picture of Bronwen Campbell
Glossary popup window partly hidden behind embedded youtube video and not moveable
 

I love glossary autolinking, but have a couple of problems.

I need to either

  • make glossary popup moveable and resizeable
  • open glossary popup in front of anything else on the page.

I am using Moodle 2.4 (Build: 20121203)

I use a lot of embedded youtube videos and glossary links. On a large screen this works fine, but if someone has a smaller screen, the glossary popup opens partially behind the embedded youtube video and they cannot see the glossary entry.

I have searched the forums and I don't think I can easily make it moveable and resizeable - but if someone knows how to do this then please let me know as this is my preference.

Any assistance much appreciated.

Regards,

Bronwen

 
Average of ratings: -
Picture of Joseph Rézeau
Re: Glossary popup window partly hidden behind embedded youtube video and not moveable
Group DevelopersGroup Particularly helpful MoodlersGroup TestersGroup Translators

Hello Bronwen,

1.- Making the Glossary popup moveable and resizeable. I totally agree that this is a needed feature. See the long discussion the Moodle Tracker at MDL-23535. You may vote for this bug report to speed things up.

2.- I can't visualize the problem you are having with your youtube videos and Glossary popups. Please attach a screenshot.

Joseph

 
Average of ratings: -
Picture of Bronwen Campbell
Re: Glossary popup window partly hidden behind embedded youtube video and not moveable
 

Hello Joseph,

Thanks for your response. Here is an image of the popup showing behind the embedded video.

It also covers the question text, so it would be great to make it moveable so students can keep the information available while they read the question - I will vote for this feature as you have suggested.

Thanks for your attention to this issue.

Regards,

Bronwen


 
Average of ratings: -
Picture of Joseph Rézeau
Re: Glossary popup window partly hidden behind embedded youtube video and not moveable
Group DevelopersGroup Particularly helpful MoodlersGroup TestersGroup Translators

@Bronwen,

I suppose your screenshot is showing a Lesson page where you have embedded a Youtube video. I have tried to reproduce the problem but I can't. As you can see on my attached screenshot, the Glossary popup is correctly displayed in front of the video screen.

What theme are you using? Try to switch to the Standard theme to see if that solves the problem. In which case your problem comes from the theme you are using.

Joseph

screenshot #1

 
Average of ratings: -
Picture of Bronwen Campbell
Re: Glossary popup window partly hidden behind embedded youtube video and not moveable
 

Thanks Joseph,

I think it might be browser related. The popup appears behind the embedded video in Internet Explorer (I am using 9.0.8112) I usually use Firefox but have had stability issues with Firefox lately so currently use Chrome and IE.

- I tried switching themes from fusion to formal white and it made no difference.

The popup works fine in Google Chrome, Firefox and Safari (although I still have problems with inconsistency with glossary occasionally going to a main page - often when a glossary item first appears. After clicking on it several times, it usually goes to popup eventually)

Making it moveable would help so if there's a chance of getting this working, that would be great.

Regards, Bronwen

 
Average of ratings: -
Picture of Joseph Rézeau
Re: Glossary popup window partly hidden behind embedded youtube video and not moveable
Group DevelopersGroup Particularly helpful MoodlersGroup TestersGroup Translators

@Brownen,

I have tested and do not see the "Glossary popup behind video frame" problem on any of the following (under Windows 7) with any theme (Fusion or Standard)

Firefox 18, MSIE 9 and Chrome 24.

Since you mention Safari I expect you are using a Mac. I hope you are not using MSIE under Mac. Which version of MSIE are you using (hopefully under Windows)?

Joseph

 
Average of ratings: -
Picture of Bronwen Campbell
Resolved - IE issue: Glossary popup window partly hidden behind embedded youtube video
 

I think I may have found a solution - inserting wmode="transparent" into the Youtube embed code.

I did a little more general research and found the following post describing a similar problem on a Wordpress site http://wordpress.org/support/topic/internet-explorer-9-z-index-problem 

A response there gave a link to http://support.addthis.com/customer/portal/articles/381277-flash-overlays

I followed the suggestion to insert the extra parameter into the embed code and it seems to have worked.

I am using a PC with Windows 7, Firefox 17, MSIE 9 and Chrome 24 (and testing on an iPad with Safari)

Problem only seems to appear in Internet Explorer.

I have tested it on one embedded video and it has fixed it - now I will try the rest.

Thanks very much for your attention to my issue - it certainly helps talking it over and realising that it is not a Moodle issue - encouraging me to research further afield.

PS Great photos on your site Joseph.

Regards,

Bronwen

 
Average of ratings: -
Picture of Bronwen Campbell
Re: Resolved - IE issue: Glossary popup window partly hidden behind embedded youtube video
 

A small but critical correction to the solution:

Insert wmode=transparent"

No quotation mark at beginning of transparent.

 
Average of ratings: -
Picture of Joseph Rézeau
Re: Resolved - IE issue: Glossary popup window partly hidden behind embedded youtube video
Group DevelopersGroup Particularly helpful MoodlersGroup TestersGroup Translators

Thanks for the links to this problem and solutions. However it does not explain why I am not having the problem on my own Windows 7 + MSIE 9 setup, unlike you do.mixed

Joseph

PS.- Thanks for the nice words about my photo site.blush

 
Average of ratings: -
Picture of Bronwen Campbell
Re: Resolved - IE issue: Glossary popup window partly hidden behind embedded youtube video
 

No it doesn't explain it especially since we seem to be working with the same versions - however, it was my QA tester who brought it to my  attention so she is clearly having problems too. 

When inserting the code, need to be careful not to "break" existing parameters such as related videos. Need to add with an ampersand - ie rel=0&wmode=transparent" which will become rel=0&wmode=transparent" (This wasn't as easy as it should have been with some odd changes in the embed code when I saved and re-opened that seemed to appear from nowhere - some sort of autocorrect built into the editor??)

Of course none of this will be necessary when we get moveable glossary popups so am still hoping that this will happen before this site I am working on goes live in a week or two!

Regards,

Bronwen

 
Average of ratings: -