Skip to main content
Known Participant
October 19, 2016
Question

Captivate html5 and drag & drop

  • October 19, 2016
  • 2 replies
  • 1104 views

Hello!

I got a problem with my course, and that is that drag and drop function does not work on html5 for phones and tablets.

Is this a known issue, or is there something I've done wrong?

Cheers!

This topic has been closed for replies.

2 replies

Known Participant
October 24, 2016

After doing alot more testing, it seems that one of my problems is that i'm using images as drag sources.
When I preview everything in scorm cloud or HTML5, I'm noticing that it is extremly hard to find the point where I can actually drag the image from. The location where the pointer changes to a hand is really small compared to if I were using a shape, like a circle or a box.

This does not happen on every picture, just most of them.

Does anyone know what causes this, and how it can be fixed?

Lilybiri
Braniac
October 24, 2016

Can you tell which image format you used: png, gif, jpeg or even SVG? That way I could double-check because I don't remember having that kind of issues ever.

Here is a quick workaround: fill a shape with the image. If you create the shape the same size as the image, it will not be distorted. Do not use the Tile option when filling.

Known Participant
October 24, 2016

The file format for all of these images is png.

Forgot to mention that this does not happen when I preview the course in captivate itself, but when I preview it in scorm cloud.

Lilybiri
Braniac
October 19, 2016

Are you talking about a responsive project? Which version are you using?

Known Participant
October 19, 2016

I've tried both responsive and blank project, but neither of them work.

Lilybiri
Braniac
October 19, 2016

Which version of CP are you using? How did you test, after pusblishing and uploading to a webserver, or using Edge Inspect for testing on devices?