Drag and drop Tile option doesn't work in HTML5 output.

Jan 25, 2018

Hi Team,

I have created free from of drag and drop interaction. I want to drag the multiple items in drop target area. I was created shape and image as drop target and in drag and drop options dialogue box set "Snap dropped items to drop target" as Tile as I want to show the items horizontally lined up. It is working with flash output but not with HTML5. Then added hotspot as drop target and set the properties mentioned above. Also did right click hotspot and in drag and drop set as Tile. Still didn't work.

Kindly can anyone help me to set this as Tile and reply asap.

3 Replies
Leslie McKerchie

Hello Suvidha,

Sorry to hear that you've run into an issue with your drag and drop interaction.

Are you using Storyline 2? I do see where we have a similar issue reported there for drag items with text boxes that are then grouped together. Does that sound similar to what you are seeing?

Workaround being:

  • Ungroup the text and shape, and type the text directly into the shape.

If that's what you are seeing, just let me know and I can add this thread to the report.

If that's not what you are seeing, please feel free to share a .story file so that I can better understand.


Suvidha Kadulkar

Thanks for your reply Leslie.

I am using storyline 2. Yes, the image and shape were grouped together which I want to drag to the target. Now I ungrouped the objects and added only shape with text directly in shape. it works for me.

Is there another solutions to this. Because If I want to make drag items interesting and want to use image and text both as drag item to move in drop target, what we can do?

This discussion is closed. You can start a new discussion or contact Articulate Support.