Drag and Drop play area dimensions enlarging

Submitted by brigette_pusello on Wed, 05/16/2018 - 08:36
Forums: 
Content creation

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 :)

 

Attachments: 
Image icon drag and drop.png
Content types: 
Drag and Drop
icc's picture

icc

Wed, 05/23/2018 - 11:04

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.

brigette_pusello

Thu, 05/24/2018 - 00:35

Thank you.

Anna Lloyd

Wed, 08/18/2021 - 04:41

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?

Thanks

Anna Lloyd

Wed, 08/18/2021 - 04:43

Hi, 

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?

Thanks,