Drag and drop problem
Jun 24, 2016
By
Ari Avivi
Hello all,
Not sure if there is a fix to this, but thought I'd take it to the community.
I have a visual element made up of 9 individual graphic. I was hoping to use this graphic as the source for a drag and drop interaction, but as you can see the graphic placeholders overlap making it hard to select some of them.
Is there a way to have the placeholders conform to the shape of the graphic, or do I need to redesign the slide to make it work.
The element is a big part of the learning, and would like to keep the look and feel if possible.
Thanks for any suggestions.
8 Replies
You can put the graphic into Paint, Paint.net, Photoshop, etc. and break it into 9 individual graphics. They would be rectangles, and you can rotate them 45, and the user can select them individually.
Great suggestion here, Walt! Ari, please let us know if that idea will work for what you have in mind, or if you still need additional insights, you would also be welcome to reach out over in our design-related forum here, as well.
Actually Walt they are already 9 seperate graphics, the problems are the image 'fields' are still squares and not snug with the acutal image but encompassing the graphc and as such overlap.
I've attached the source file for reference. It is still in the early slap and tickle phase so forgive me the little errors and other Q&A issues.
Hi Ari, I understand what you're saying and as attractive as the formation that you are currently using is, you'll need to change it so that your learners can move them.
Ari, Check this out.
I took Flammable and Explosives, dropped them into Paint.net, rotated them 45, cropped them to the color, imported them back into SL, and rotated them. The result is what you want. The quality may be terrible, but I only spent about 30 seconds doing it, so the principle is sound.
thanks Walt, I will look into that and see which makes more sense time wise, when I isolate just a few of them, I can manipulate the drag and drop to work fine, might be a question for the end client.
love the community for the options it provides
Update.
Local photoshop wizard showed me a simple Walts' process was for making it work.
1. import graphic into PS
2. remove background layer and rotate to square
3. crop to the image
4. save as PNG
5. after importing new image into SL, rotate image 45 degrees to return it to diagonal and voila it works perfectly
Thanks again Walt.
Thanks for sharing a step-by-step description of what did the trick for your, Ari! I'm sure that will help others in the future, as well.
This discussion is closed. You can start a new discussion or contact Articulate Support.