Questions texte à trou: comment disposer les mots proposés sur plusieurs lignes?

Questions texte à trou: comment disposer les mots proposés sur plusieurs lignes?

par Jean-Gabriel DEPINOY,
Nombre de réponses : 21
Avatar Moodleurs particulièrement utiles

Bonjour,

Tout est dit dans le sujet de mon message. Je suis actuellement sous Moodle 3.7.2 et j'utilise le type de question à trous Gapfill. Je crée des questions avec des mots à replacer dans une phrase à trous. Or, tous les mots à replacer se situent les uns à la suite des autres au-dessus de la phrase à compléter. Malheureusement, parfois il y a trop de mots et ils "dépassent" de la zone visible (voir capture d'écran). Il faut alors aller tout en bas de la page pour déplacer l'ascenseur horizontal.

Est-ce que quelqu'un sait s'il est possible de disposer les mots à placer dans les phrases sur plusieurs lignes pour éviter ce problème?


Moyenne des évaluations  -
En réponse à Jean-Gabriel DEPINOY

Re: Questions texte à trou: comment disposer les mots proposés sur plusieurs lignes?

par Joseph Rézeau,
Avatar Développeurs Avatar Développeurs de plugins Avatar Moodleurs particulièrement utiles Avatar Testeurs Avatar Traducteurs

Ça marche sans problème pour moi. Moodle 3.7.2 thème Boost Gapfill version 2019051900.

Je trouve bizarre sur ta copie d'écran que le bloc "Question 6 Pas encore répondu etc." se trouve à droite, il devrait être à gauche.

Moyenne des évaluations Utile (1)
En réponse à Joseph Rézeau

Re: Questions texte à trou: comment disposer les mots proposés sur plusieurs lignes?

par Jean-Gabriel DEPINOY,
Avatar Moodleurs particulièrement utiles

Merci Joseph pour ton retour.

Est-ce que quelqu'un saurait comment replacer ces blocs à gauche?

Moyenne des évaluations  -
En réponse à Jean-Gabriel DEPINOY

Re: Questions texte à trou: comment disposer les mots proposés sur plusieurs lignes?

par Joseph Rézeau,
Avatar Développeurs Avatar Développeurs de plugins Avatar Moodleurs particulièrement utiles Avatar Testeurs Avatar Traducteurs
Tu utilises quel thème?
Moyenne des évaluations Utile (1)
En réponse à Joseph Rézeau

Re: Questions texte à trou: comment disposer les mots proposés sur plusieurs lignes?

par Jean-Gabriel DEPINOY,
Avatar Moodleurs particulièrement utiles

Bonjour Joseph,

J'utilise le thème Fordson.

Moyenne des évaluations  -
En réponse à Jean-Gabriel DEPINOY

Re: Questions texte à trou: comment disposer les mots proposés sur plusieurs lignes?

par Joseph Rézeau,
Avatar Développeurs Avatar Développeurs de plugins Avatar Moodleurs particulièrement utiles Avatar Testeurs Avatar Traducteurs

En effet, avec le thème Fordson, le bloc "Question n°... etc." s'affiche à droite de l'écran en mode Quiz. Voir capture ci-dessous (écran 1), mais ce n'est pas le problème.

Est-ce que le thème Fordson est utilisé tel quel "out of the box" ou bien l'avez-vous bidouillé ?

Les éléments "draggable" doivent avoir cette CSS

.que.gapfill span.draggable.answers {
    background: white;
    border: solid 1px;
    -webkit-box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow: 3px 3px 4px #000;
    cursor: pointer;
    display: inline-block;

etc.

Si j'annule display: inline-block; je constate le problème signalé, à savoir que les éléments draggable restent tous sur la ligne (écran 2). Il y a donc eu un bidouillage quelque part dans votre thème qui se répercute ici.

Moyenne des évaluations Utile (1)
En réponse à Joseph Rézeau

Re: Questions texte à trou: comment disposer les mots proposés sur plusieurs lignes?

par Jean-Gabriel DEPINOY,
Avatar Moodleurs particulièrement utiles

Non, je ne sais pas utiliser le CSS. La seule chose que j'ai ajoutée dans le paramètre SCSS brut initial est:

#quiz-timer {

position: fixed;

z-index: 100;

background-color: #cccccc;

}

afin de rendre le timer visible quand on fait défiler l'écran vers le bas.

J'ai essayé à tout hasard de supprimer ce code, mais ça ne change rien.

J'ai peut-être modifié des paramètres du thème, mais sans rien personnaliser avec du code. Je n'ai fait que sélectionner des valeurs proposées par le thème. J'ai pratiquement remis à 0 toutes les valeurs par défaut, sans amélioration.

Une piste?

Moyenne des évaluations  -
En réponse à Jean-Gabriel DEPINOY

Re: Questions texte à trou: comment disposer les mots proposés sur plusieurs lignes?

par Joseph Rézeau,
Avatar Développeurs Avatar Développeurs de plugins Avatar Moodleurs particulièrement utiles Avatar Testeurs Avatar Traducteurs
Je suis un peu à court d'idées. Dans la console (F12) de ton navigateur, examine le code CSS des "draggables". Est-ce que le display est mis à inline-block ?
As-tu la version la plus récente de Gapfill : version 2019051900 ?
Essaie de vider TOUS les caches (de Moode et de ton navigateur).
Même problème sur plusieurs navigateurs / plateformes ?
Moyenne des évaluations Utile (1)
En réponse à Joseph Rézeau

Re: Questions texte à trou: comment disposer les mots proposés sur plusieurs lignes?

par Joseph Rézeau,
Avatar Développeurs Avatar Développeurs de plugins Avatar Moodleurs particulièrement utiles Avatar Testeurs Avatar Traducteurs
Autres piste : avez-vous installé des plugins additionnels sur votre plateforme Moodle, en particulier des types de questions ?
Moyenne des évaluations  -
En réponse à Joseph Rézeau

Re: Questions texte à trou: comment disposer les mots proposés sur plusieurs lignes?

par Jean-Gabriel DEPINOY,
Avatar Moodleurs particulièrement utiles

Bonjour Joseph,

Effectivement, j'ai installé plusieurs plugins de types de questions:


Moyenne des évaluations  -
En réponse à Jean-Gabriel DEPINOY

Re: Questions texte à trou: comment disposer les mots proposés sur plusieurs lignes?

par Joseph Rézeau,
Avatar Développeurs Avatar Développeurs de plugins Avatar Moodleurs particulièrement utiles Avatar Testeurs Avatar Traducteurs
1.- J'ai installé tous ces types de question, toujours aucun problème d'affichage pour les questions de type Gapfill

2. Tu n'as pas répondu à mes questions:
Dans la console (F12) de ton navigateur, examine le code CSS des "draggables". Est-ce que le display est mis à inline-block ?
As-tu la version la plus récente de Gapfill : version 2019051900 ?
Essaie de vider TOUS les caches (de Moode et de ton navigateur).
Même problème sur plusieurs navigateurs / plateformes ?
Moyenne des évaluations Utile (1)
En réponse à Joseph Rézeau

Re: Questions texte à trou: comment disposer les mots proposés sur plusieurs lignes?

par Jean-Gabriel DEPINOY,
Avatar Moodleurs particulièrement utiles
Bonjour Joseph,
Merci pour ta réponse. Mais je n'y connais strictement rien en CSS. J'ai bien appuyé sur F12. J'ai une fenêtre à droite de l'écran qui apparaît mais je ne sais pas comment voir si le display est mis à inline-block.
J'ai bien la version 2019051900 de Gapfill et j'ai bien vidé les caches de Moodle.
Par contre, effectivement, sous Firefox, les étiquettes sont bien positionnées sur plusieurs lignes.

Moyenne des évaluations  -
En réponse à Jean-Gabriel DEPINOY

Re: Questions texte à trou: comment disposer les mots proposés sur plusieurs lignes?

par Joseph Rézeau,
Avatar Développeurs Avatar Développeurs de plugins Avatar Moodleurs particulièrement utiles Avatar Testeurs Avatar Traducteurs
"Par contre, effectivement, sous Firefox, les étiquettes sont bien positionnées sur plusieurs lignes."
Et donc... avec quelle plateforme (Windows, Mac, etc.) et quel navigateur le problème apparait-il ?
Si tu nous donne d'emblée tous ces paramètres, on finira peut-être par y arriver.clin d’œil
 
EDIT.- Bon, je viens de tester sous Google Chrome et je constate le problème de non-retour à la ligne des éléments de Gapfill. Je me renseigne et je reviens ici.
Moyenne des évaluations Utile (1)
En réponse à Joseph Rézeau

Re: Questions texte à trou: comment disposer les mots proposés sur plusieurs lignes?

par Jean-Gabriel DEPINOY,
Avatar Moodleurs particulièrement utiles
Oui, j'ai le problème sur Google Chrome. J'impose à mes étudiants Chrome parce que le type de question Ordonnancement ne fonctionne pas sur les autres navigateurs.
Je suis sous Windows.
Moyenne des évaluations  -
En réponse à Jean-Gabriel DEPINOY

Re: Questions texte à trou: comment disposer les mots proposés sur plusieurs lignes?

par Joseph Rézeau,
Avatar Développeurs Avatar Développeurs de plugins Avatar Moodleurs particulièrement utiles Avatar Testeurs Avatar Traducteurs

J'ai soumis le problème à Marcus Green, l'auteur du plugin Gapfill, et on cherche une solution. Peut-être un bug de la version actuelle de Chrome, voir https://support.google.com/chrome/thread/14179981?hl=en

Bug d'affichage dans Google Chrome Version 77.0.3865.90 (Build officiel) (64 bits)
pas de bug avec Google Chrome Version 79.0.3929.1 (Build officiel) canary (64 bits)
 
Jean-Gabriel, peux-tu demander à tes étudiants quelle version exacte de Chrome ils utilisent? et toi aussi?
 
 
 
Moyenne des évaluations Utile (1)
En réponse à Joseph Rézeau

Re: Questions texte à trou: comment disposer les mots proposés sur plusieurs lignes?

par Joseph Rézeau,
Avatar Développeurs Avatar Développeurs de plugins Avatar Moodleurs particulièrement utiles Avatar Testeurs Avatar Traducteurs
Marcus a réussi à réparer le bug. Une nouvelle version "réparée" devrait être dispo bientôt.
Moyenne des évaluations Utile (1)
En réponse à Jean-Gabriel DEPINOY

Re: Questions texte à trou: comment disposer les mots proposés sur plusieurs lignes?

par Joseph Rézeau,
Avatar Développeurs Avatar Développeurs de plugins Avatar Moodleurs particulièrement utiles Avatar Testeurs Avatar Traducteurs
Jean-Gabriel "J'impose à mes étudiants Chrome parce que le type de question Ordonnancement ne fonctionne pas sur les autres navigateurs."
La question de type Ordering fonctionne bien sous les 3 navigateurs: Firefox, Chrome et Bing (Microsoft). Je ne vois pas où est le problème.
Moyenne des évaluations Utile (1)
En réponse à Joseph Rézeau

Re: Questions texte à trou: comment disposer les mots proposés sur plusieurs lignes?

par Jean-Gabriel DEPINOY,
Avatar Moodleurs particulièrement utiles

Quand mes étudiants utilisent Firefox avec le type de question Ordering, s'ils cliquent sur une zone de texte, la zone de texte se déplace, mais ils n'arrivent pas à relâcher cette zone de texte (elle continue à suivre la souris, même après avoir relâché le bouton de la souris).

Concernant la version de Chrome, j'utilise actuellement la version 77.0.3865.90 (Build officiel) (64 bits).

Moyenne des évaluations  -
En réponse à Jean-Gabriel DEPINOY

Re: Questions texte à trou: comment disposer les mots proposés sur plusieurs lignes?

par Joseph Rézeau,
Avatar Développeurs Avatar Développeurs de plugins Avatar Moodleurs particulièrement utiles Avatar Testeurs Avatar Traducteurs

Pour moi les questions de type Ordering fonctionnent OK sous Firefox, voir la preuve par l'image ci-dessous.

Ordering version 2019073193

Moodle 3.7.2 (Build: 20190909)

Moyenne des évaluations Utile (1)
En réponse à Joseph Rézeau

Re: Questions texte à trou: comment disposer les mots proposés sur plusieurs lignes?

par Jean-Gabriel DEPINOY,
Avatar Moodleurs particulièrement utiles

Effectivement, ça fonctionne sur certains postes, mais par sur d'autres. Je pense que ça doit venir de la version de Firefox installée.

Merci Joseph pour ton retour.

Moyenne des évaluations  -