Jmatch sort display problems

Jmatch sort display problems

by Susanna Wesson -
Number of replies: 3

Hi,

Could anyone help solve this display problem with JMatch sort exercises (Moodle 3.4 Boost theme)?

The html file displays correctly when it is not uploaded as a HotPot activity but the boxes overlap and are not centred when the file is part of a HotPot activity.

This type of file displayed correctly before the move to Moodle 3.4 with Boost.

Thank you,

Susanna

Attachment simonet_Jmatch_sort_problem.JPG
Attachment simonet_Jmatch_sort.JPG
Average of ratings: -
In reply to Susanna Wesson

Re: Jmatch sort display problems

by Gordon Bateson -
Picture of Core developers Picture of Peer reviewers Picture of Plugin developers

The trick here is to find the CSS that is affecting the boxes, and then override that with CSS that positions the boxes where you want them.

Could you upload your exercise to my development server, where we can look at it together.

Thanks!

In reply to Gordon Bateson

Re: Jmatch sort display problems

by Susanna Wesson -

Thank you - I've uploaded the exercise "Susanna's JMatch sort exercise".

Susanna

In reply to Gordon Bateson

Re: Jmatch sort display problems

by Susanna Wesson -

Hi,

Just in case anyone else has encountered this problem, I found that the solution to the height of the heading boxes was to remove -12 in the 'Les cartes: positionnement' section. (Highest FC) I also changed spacer to 0 in this section. The result does not look good outside Moodle but works better inside, although 'bold' and 'center'  are still not applied. Never mind.