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?
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?
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.
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
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 theBuilding 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.
11 Replies
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.
Perfect! This fixed the issue. I didn't realize I had to have some sort of fill in my text box to make it work. Weird, but problem solved. Thank you.
hip hip! have a good resta' the day.
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.
Hi Kevin,
Tx...I tried a shape at 100% and it didn't work either with a dotted line....had to do 99% I was surprised. Have you found otherwise?
Thanks Kevin and Becky for helping out Rita here!
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
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!
Hi John
see attached rough example that may give you some ideas. I've used the Pick One Freeform to combine the TE and DnD options.
hope this helps
Thank you! Wendy
I found the solution. I was using the wrong element, txt box instead txt entry. Your example is what I wanted to achieve. Thank you!
Great John - glad to help and good luck with your project.
This discussion is closed. You can start a new discussion or contact Articulate Support.