Looking For A Workaround
Jul 19, 2014
Hello. I'm working on a new English vocabulary UI and I'm having a hard time getting Storyline to do what I want it to do. Here's what I have:
Looks great, right? Unfortunately, it's non-functional.
To get the buttons to look like they're quarters of the circle shape, there's an image on top of them with a circle cut out of the middle. This makes them look the way I want them to while still allowing the four different images (which are possible answer choices) to be randomized (randomization would not work if the four images were pre-cut to that shape).
The problem is that these buttons are unclickable because they're underneath the image that is only there to make the buttons look pretty.
So here's what I'm looking for:
- A way to make the buttons appear as shown without the image on top (and without making them static).
- A way to make the buttons clickable underneath the image.
- A way to make grouped hotspots above the image that correspond to the buttons underneath.
The problem with using groups currently is that I can find no way to group two objects without turning them into one object on the timeline with a unified "depth." In my opinion, the fact that it makes those groups one object instead of treating them as multiple objects on the timeline that are linked kind defeats the purpose of grouping altogether, but I suppose it could be useful for something else. I may just be bitter that it doesn't work the way I want it to. ;-P
I really want them to be able to be randomized. I know how I can make this work pretty easily if I wanted to make the four options static (actually, I can think of several ways), but I'm trying to maintain a randomized quiz.
Any thoughts? I really don't want to have to disable randomization for this quiz just to make it look pretty, but if that's the only way to get it working, I guess that's gonna have to be it.
3 Replies
Have you tried adding Hotspots on top of the images and using that as the buttons instead of the images?
use the pie chart shape to make four quarter circles or use four squares these could easily be randomised
Neither of those options work with randomized questions. This is because the images below are randomized as answer options, but the hotspots or transparent pie chart shapes above are static. What happens here is that there is no way to associate, say, the top-left hotspot with the top-left answer without either making the answers static.
At any rate, after a long and frustrating night, I was able to get this to work by removing the image and replacing it with a donut shape that matches the blue oval underneath (the oval does a grow animation when it comes in) and adding four white moon shapes underneath the donut (but above the buttons) to give the buttons the rounded shape. It took forever to get it to work properly, but it definitely works now.
This discussion is closed. You can start a new discussion or contact Articulate Support.