1.8 Display Issues

1.8 Display Issues

by Anthony Borrow -
Number of replies: 10
Picture of Core developers Picture of Plugin developers Picture of Testers
I've begun testing 1.8 with a WAMP (Windows XP, Apache 2.2.x, PHP 5.2, MySQL 5.x) and I have been getting what I would describe as jumpy display issues where an object will move on the screen as if its alignment is changing when it gets focus. In particular, the attached screenshot shows a view of a list of questions where some align one way and others another way. Any clue as to what might be causing such issues? Once I have an idea of the cause, then I would be happy to file something in the tracker. Peace.
Attachment display_issue_18.jpg
Average of ratings: -
In reply to Anthony Borrow

Re: 1.8 Display Issues

by Anthony Borrow -
Picture of Core developers Picture of Plugin developers Picture of Testers
I checked and previously I was using the standard_white theme so I switched to standard to see how that might impact things. Attached in another screenshot from the same type of list except from within the quiz module.
Attachment display_issue2_18.jpg
In reply to Anthony Borrow

Re: 1.8 Display Issues

by Martin Dougiamas -
Picture of Core developers Picture of Documentation writers Picture of Moodle HQ Picture of Particularly helpful Moodlers Picture of Plugin developers Picture of Testers
That's odd. I don't know exactly what might be causing that, but I would suspect it's related to the switch in 1.8 to using less tables for layout and more CSS instead (because of changes for accessibility).

Any help you can offer in deducting the exact cause for specific instances would be helpful.

Behaviour may change in different browsers, different font sizes, different window sizes, different weather outside ... wink sigh.
In reply to Martin Dougiamas

Re: 1.8 Display Issues

by Anthony Borrow -
Picture of Core developers Picture of Plugin developers Picture of Testers
Martin - I'll keep my eye on the weather and see what we can find. Peace - Anthony
In reply to Anthony Borrow

Re: 1.8 Display Issues

by Joseph Rézeau -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers Picture of Testers Picture of Translators

Anthony,

I can confirm this - erratic - behavior (in FireFox 2.0). Somethimes the little icons will be sitting next to the question name, sometimes they will jump to the right. Usually a screen refresh (press F5) will restore them into place.

In MSIE 7.0, on the other hand, the icons consistently sit aligned to the right.

I am surprised that Martin D. should say "I would suspect it's related to the switch in 1.8 to using less tables for layout and more CSS instead" because actually this problem happens right in the middle of... a table.wink

<td>animal MCQ06</td>
<td align="center">
<a href="..." title="multichoice"><img src=".../icon.gif" alt="Multiple Choice" title="Multiple Choice"></a>
</td>

Joseph
Attachment image00.jpg
In reply to Joseph Rézeau

Re: 1.8 Display Issues

by Mauno Korpelainen -

Hi Tim and Joseph,

and thanks for a lesson...I have learned to use that ; but you are right - it is not necessary. I was testing this and it is really strange. I searched all kinds of Firefox bugs and first thought that this would be related to http://www.inthemaze.net/blog/index.php?2005/08/26/18-horizontal-alignment-block-cross-browser

but could not make it to work anyway. Then I found out that there is also an other strange behaviour in moodle 1.8. When I tried to change default language of my site and also changed default language from my profile to english it does not work. If I do it with lang menu language changes to english. The problem is that if I have language cache on or off the situation is the same and in database I have default language ENGLISH. So I started to think if this has something to do with faulty cache...

There is also a problem with tabs in glossary: if translation of terms has long words like in finnish language tabs won't fit to one row and overlap. Font of Standard theme is quite big so there is a bigger risk for overlapping, Formal White theme has more space for finnish language and other "risky languages"Nikkaa

Attachment toolong1.gif
In reply to Anthony Borrow

Re: 1.8 Display Issues

by Greg Lyon -
I can report similar behavior in /group/index.php, for the buttons and text boxes. The buttons 'jump' when clicked. It appears that they start out left aligned and jump to centered alignment. I suspect conflicting css declarations somewhere. I think the text boxes are just being pushed down by the ajax.gif when it's visible, but it looks funny.

Setup: xampp on Windows XP :Apache/2.2.2 (Win32) DAV/2 mod_ssl/2.2.2 OpenSSL/0.9.8b mod_autoindex_color PHP/5.1.4. IE 7/Firefox 2.0*

*Behavior is most pronounced on Firefox. On IE 7 the buttons start out AND stay put (centered) but the ajax.gif still makes everything bounce down while it is visible.

Greg.
In reply to Anthony Borrow

Re: 1.8 Display Issues

by Mauno Korpelainen -

I checked this with Firefox and the reason seems to be that there are four tags with

style="width:100%" or style="width:50%"

when there should be style="width:100%;" or style="width:50%;"

in mod/quiz/edit.php

This one missing ; causes those caps because firefox does not get correct width.

If you press Reload something strange might happen too...

In reply to Mauno Korpelainen

Re: 1.8 Display Issues

by Tim Hunt -
Picture of Core developers Picture of Documentation writers Picture of Particularly helpful Moodlers Picture of Peer reviewers Picture of Plugin developers
There is no need to have semicolons there, and adding them does not fix the problem.
In reply to Mauno Korpelainen

Re: 1.8 Display Issues

by Joseph Rézeau -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers Picture of Testers Picture of Translators
Hi Mauno,
In CSS, a semicolon is used to separate each declaration from the next. The ending declaration does not require a semicolon. It is of course good practise to have one there just in case you need to add one more declaration later on, but its absence cannot do any harm.
Joseph
In reply to Joseph Rézeau

Re: 1.8 Display Issues

by Tim Hunt -
Picture of Core developers Picture of Documentation writers Picture of Particularly helpful Moodlers Picture of Peer reviewers Picture of Plugin developers
At last! worked it out. It does not make any sense, but ...

The problem is that the table is inside a <fieldset class="invisiblefieldset">, and invisiblefieldset is set to be display: inline;.

I have fixed this on the quiz editing page by the ugly expedient of changing the HTML to <fieldset class="invisiblefieldset" style="display: block;">.