customized drag & drop gab fills with text

Any tips on how to best manipulate text to create gap fill sentences? e.g. I created a template with 4 sentences, each missing one word. I created the draggable words as buttons, but perfecting the layout of the drop zones and draggable objects to be in line with the sentence is really difficult and it looks sloppy no matter how hard I try. Are there any template examples available for such an interaction? Thx in advance for any ideas.

3 Replies
Ashley Terwilliger

Hi Allison,

In regards to dragging the items, what are you using as the drop targets? Are you setting it up as individual transparent shapes or something similar? There is a thread here discussing a number of examples for multiple fill in the blanks that you may want to look at. If you're having difficulty setting this up, you may also want to share the .story file here with us so that we could take a look at what you've created and share some additional thoughts or ideas.

Allison Antalek

Thanks for the response. I looked at this thread and examples and didn't find what I was looking for. Attached are 3 of my templates - it's not that easy to manipulate text in Storyline for gap fills. When you click on a text field, the text moves so there is no quick way to position the drop zone. Secondly, aligning the dropzone perfectly with the text is extremely difficult. thx for any tips and ideas!

Ashley Terwilliger

Hi Allison,

I may have misunderstood. Are you referring to how to line up the actual box(es) while editing? What I would recommend is turning on the grid lines or guide so that you could use those as a "measuring" element. I also use the CTRL + arrow keys to nudge the objects and offer more control over where elements are placed.

The drag and drop you shared here look as expected and seem to function well. If things are being misplaced while you're editing I'd also check that you're working at 100% slide zoom and using a DPI setting of 96 as described here.