Joseph Rézeau

@Antoine,

L'activité H5P Drag & Drop remplit toujours toute la surface disponible dans la fenêtre d'affichage. La seule façon pour l'utilisateur final de voir à la fois l'image de fond, les éléments à glisser-déposer et les zones de dépôt, c'est de réduire la taille de sa fenêtre jusqu'à tout voir. Et c'est la même chose sur toutes les plateformes, pas seulement dans Moodle.

Ceci est expliqué sur le site H5P sur le tutoriel Drag & Drop :

The Drag and drop question will be scaled to the maximum width of the page where it is placed, after saving. The Size defines the width and height of the editor as well as the aspect ratio of the Drag and drop question, rather than the actual size in pixels when it is viewed.

Ou encore sur le forum H5P cet échange (de 2018) :

Hi, Is there a way to lock the size of the background image so it doesn't resize in Moodle as the browser window is resized?
John
Answer:
Hi John, I'm sorry but this is not possible not unless you make changes to the code.

Il peut être plus astucieux de placer les "étiquettes" à glisser-déposer sur un côté de l'image (ou en haut).

Merci d'avoir joint ta question, Laurent. Pour moi tout fonctionne normalement.

Hello Mario,

The only possible solution is to add some CSS rules in your site's theme settings. Of course you need to be the admin of your site (or persuade your admin to make those changes for you).

Let's suppose your Moodle site is using the default Boost theme (if using a different theme, then replace Boost with your theme's name in the instructions below)

1. Go to Dashboard / Site administration / Appearance / Themes / Boost
2. Click the Advanced Settings tab
3. In the Raw initial SCSS box, add the following CSS rule:
   #page-mod-lesson-view .fcontainer *, *::before {
       box-sizing: content-box;
   }

This will align everything in the lesson questions to the left. Please be aware that adding this CSS rule may have unwanted effects in other parts of your Moodle site, so be careful!

I am attaching 3 screenshots showing the result (all question text is left-aligned).

---------------------------------------------------------

---------------------------------------------------------