Drga and Drop Issue w/ Text Box as Drag Item

I have created a drag and drop interaction using a Text Box with an outline as one of my objects.  The issue is that you can only drag the box if you click on the outline of the box, not the center or any other part of the box.  I also tried converting it to a rectangle and placing text inside of the box.  Same issue.  You can only drag the box if you click on the outline. 

Any ideas to make the entire rectangle clickable/draggable?


Thanks in advance!

11 Replies
Rebecca Fleisch Cordeiro

Hi Rita,

I guess I never tried this before! I played around a bit, thinking as long as you used a fill color in the dotted text box (or a dotted shape) it would work, even if you set the fill to 100% transparency.

BUT, seems to NOT work unless you tweak the transparency down to 99%. Would this work for you?

Please shout out with any questions.

Kevin Thorn

Great tip Rebecca!  

Another option when using text as drag items in a drag and drop interaction is to use shapes rather than text boxes. Benefits are they are shapes - meaning they have full fill colors. If you don't want a fill either change the fill color to the same as the slide background or set the transparency to 100%. Even setting the transparency to 100% Storyline thinks it's still a shape and you can grab it from any approach. 

This works great for custom fill-in-the-blank interactions. The drop target is a shape with no border, no text, and fill set to 100% transparency. The drag item is identical yet with whatever text word is needed. Then it's just a matter of aligning the drop target "invisible" shape to fit with whatever static text is onscreen.

Oh, and another benefit is shapes can be resized horizontal and vertical. Text boxes can only be resized horizontal and will auto set it's height based on how many lines o text.

John Landmark

Hi,

      I was wondering if is there a way to make a Text box with drag and drop interaction where user can fill in the txt instead being pre set. For example: Create a Fish bone tool with the main categories, then user has empty txt boxes on the side, fill in their root causes and drag and drop to the corresponding category. Any clue will be appreciated. John

Ashley Terwilliger

Hi John,

I haven't seen a drag and drop combined with a fill in the blank, but it's a great idea! You may want to look at reaching out in the Building Better Courses side of ELH and see if there is anyone who can help! That side tends to focus more on design and how to. 

Good luck with your project!