Drag and Drop play area dimensions enlarging

Hi there,

I have uploaded a 459 x 612px image as the background for my drag and drop and set the play area to be the same dimensions. Once saving this piece of work it is displayed in browser at a much larger size (1453 x 1090). It is also enlarged when the iframe is copied into the LMS....

Please see attached image, could you help solve this please?

Thanks in advance :)


Content types: 
icc's picture

The Drag and Drop will always automatically scale to use all the available width. This has to do with previously supporting fullscreen etc.

You can get around this by setting the width of the parent container, e.g. when embedding you wrap the embed code like this:

<div style="width:459px"> INSERT EMBED CODE HERE </div>

Note that one px doesn't always map to a single pixel on screen. For higher resolution displays your image may still look bad. I'd recommend always using a picture that is 2x the size you plan to make the task.

Thank you.

Hi, I'm having the same problem discussed above but I can't work out how to get to the code section to do the fix you suggested. Please can you guide me on how to fix it?



I'm having the same problem described above, but I can't see how to get to the code to do the fix you described. 

Please can you give further guidance?