Themes

Hi Danny

Picture below shows the gradebook with the edit grade button

Picture below shows what happens when you roll the mouse over to edit the grade / remark

Changed the theme to Standard and the choices box to update the grade appears..

The above was done in Firefox but the same thing happens in IE10 as well. Many thanks for your help 

Jim

I've also opened MDL-37074 that I discovered when fixing this.

Danny

Bad manners of me not thanking you for sorting this out... Now works fine and a great theme... Many thanks

Jim

Thanks for the help. I now have the following custom settings:

.path-mod-scorm {background-image: none!important;}
.path-mod-scorm .logo {display:none;}
.headermain {font-size:120%;margin-bottom:10px;}
.path-mod-scorm .logininfo {display:none;}
.logo {margin-right:30px;}

These have helped me display a SCORM course packge in a popup window without the header, logo, and login showing in the window. i also changed the font size and positioned the logo on the main pages.

I have trouble getting the course content to display properly. I finally figured out that the course tests within the course use blocks, so to get them to display properly, I changed the config.php to display blocks:

'popup' => array(

        'file' => 'general.php',

        'regions' => array(),

        'options' => array('nofooter'=>true, 'noblocks'=>false, 'nonavbar'=>true, 'nocustommenu'=>true, 'nologininfo'=>true, 'nocourseheaderfooter'=>true)

I now have two problems:

1. That code makes the tests display properly in Firefox and with Google Chrome, but i need to be able to get the pre- and post-regions to not display so that only the course appears in the popup window. How do i use blocks in the course itself but not display the sidebars?

2. The above worked at first in Internet Explorer, but now it doesn't work with Windows 7 and internet explorer  9 or with windows 8 and internet explorer 10. The course pages and the tests don't display properly (image attached). Can someone tell me what to change?

Or, would someone fix these problems for me?

Thanks.

Well, Moodle itself doesn't (and in fact MS themselves don't) support IE6 anyway, so I'm not surprised that didn't work - even on XP you can upgrade as far as IE8, and should!

As for the schools who are running XP with IE8, Zebra has a number of settings to enable and disable a variety of features which help support the responsive elements of the theme on older browsers. You should check that these settings are in fact turned on and have suitable settings for IE8 - I haven't got IE8 on a machine to test at the moment for you. But the settings (apologies if this needs correcting by Danny or someone, I'm relaying this from memory, I don't have access to my moodle set up at the minute, but I will check tomorrow and repost if needed) are for whether the responsive.js is enabled, and for prompting to install the chrome framework into IE. Take a look at Settings> Site Administration> Appearance> Themes> Zebra and what is set there.

The other thing you may need to check is that IE is not forcing the site into compatability mode as many intranet sites are set to do by default on some systems.

Hope that helps

Richard

I have been testing this and found a problem with the CSS  stylesheet for IE. The file is named as zebra/style/IE.css but is in zebra/config.php is refered to as 'ie' (ie.css) in $THEME->styles

File naming policy in Moodle dictates that all directories, sub-directories and files must be in lowercase. So in this case there are two errors. 1) the fact the filename is in capital letters, and 2) the fact that although the filename is written correctly in zebra/config.php for all intents and purposes, but Moodle cannot find that css file because of (case: 1) capital letters in the filename.

IE8 in XP seems to be missing off the CSS.

However, I am getting a problem in Firefox when logged in I get a blank page. So I'm not sure what's happening.

I'll see if I can find out what is happening.

Cheers

Mary

that issue is this: IE8 doesnt support @media queries, but Zebra uses them for the layout.  So you need to enable "userespond" in the Zebra theme settings. it's a small js file that lets IE6-8 use @media queries.

hmm, that is strange, because the layout in krystle - including the respond.js stuff - is all adapted directly from Danny's Zebra theme, so I'm not sure why Zebra doesn't work, but Krystle does! I may have tinkered with the defaults in the settings file, but if you have set these on the settings page anyway, that shouldn't make any difference.

Other than that the changes between Zebra and Krystle - although quite major in some ways, shouldn't have any impact on the responsiveness and the columns layout, revolving mainly around things like the integration of awesomebar and other features, rather than Danny's excellent work on the rebase responsive layout. (Update: what started as Danny's Rebase work, he has now released as a standalone web layout called Antioch - even more kudos Danny!!!)

For information - Krystle was built using Zebra 2.4.2 (Build: 2012121100) as part of the upstream code for layouts and respond.js etc. I believe this is still the latest version in the plugins database.

HTH

Richard

interesting.  Unfortunately, I don't have access to an XP machine (or IE8) currently.  Can you do me a favor - load the theme with the offending browser and paste the served source for me (like pastebin, etc...) I want to make sure that the JS is getting included properly.