We have created different menus that contain a set of buttons. So to make only 2 animations per menu (enter & exit), we have grouped each menu set and they behave as expected.
The problem we have, is that by being grouped, when we hover over any of the buttons, all the others buttons in the group also change state.
Each one of the 3 menus has 14 buttons. Is there anyway of making it so we can make 1 animation per menu set, but keep button states individual?
Have you tried adding the menu to a slide layer rather than the base layer? That way, you'll only need one trigger to activate the menu, and you can easily copy the menu to other slides by simply copy/pasting the layer.
I put together a quick sample for you to try. Let me know if this will work for you!
Thank you very much Alyssa. This worked great and gave me another idea!
To make it smoother, I wanted to make the menu slide out when clicked, before moving to the clicked slide.
It was a bit more work, but I only had 7 menu items so I ended up doing this:
Used a variable 'slide_number'. Then each menu item had a trigger that assigned a value to that variable (ie. 1, 5, 17, etc)
Then some other tiggers that jumped to slide number x if variable "slide_number=x"
So, in th end, Menu layer behaves something like this:
Slides in
Pauses timeline at 1sec
When any item clicked --> we assign corresponding value to variable
Then "resume timeline"
Jump to slide number 1 if variable "slide_number=1" When timeline ends
Jump to slide number 5 if variable "slide_number=5" When timeline ends
etc
There are a couple more things added (that are not perfectly executed as I run out of time)... like menu buttons flying in and out with menu, etc... but wanted to share back anyway as I always get great input from this community.
I can see how this solves the problem in this situation but when you need to group a number of buttons for the purpose of animating that group all at once this option does not work. Trying to animate every single button individually is painstaking (to get them in the right position). Is there an actual way of stopping the states changing on all the items in the group so that only the one hovered over changes??
It sounds like you've already tried grouping the buttons and adding a trigger for the animation. Is there an example that you can share with us so we can give you a more tailored workaround?
You can do so by using the "add attachment" button in this discussion. Or you can share the file privately with our Support Engineers by using this link.
Not sure if I have quite understood the idea of adding triggers but I've attached the screen in question. Let me know if there is something you can do.
Lauren, this did not actually fix the issue. Where I have grouped buttons they still show up as all hover state when I roll over one. I couldn't really see how anything had changed in the video you sent as you never demonstrated what happened when you hovered over the grouped buttons only when you hovered over the non-grouped buttons. Also I downloaded the file and it has not changed (in function) from when I sent it. It still hovers all buttons that are grouped.
This certainly looks like odd behavior. I've started a case with our support engineers to do a little more digging to see if this is expected and can offer a solution or if a workaround is needed.
We were able to work with William directly and found a bug where the whole group activates Hover even if the trigger only involves one object in the group. It sounds like this may be what you're running into. I'll link this discussion to our bug report so we can update you when we release the fix.
11 Replies
Hi Mariano!
Have you tried adding the menu to a slide layer rather than the base layer? That way, you'll only need one trigger to activate the menu, and you can easily copy the menu to other slides by simply copy/pasting the layer.
I put together a quick sample for you to try. Let me know if this will work for you!
Thank you very much Alyssa. This worked great and gave me another idea!
To make it smoother, I wanted to make the menu slide out when clicked, before moving to the clicked slide.
It was a bit more work, but I only had 7 menu items so I ended up doing this:
So, in th end, Menu layer behaves something like this:
There are a couple more things added (that are not perfectly executed as I run out of time)... like menu buttons flying in and out with menu, etc... but wanted to share back anyway as I always get great input from this community.
Here is the story file and the publish
http://aukalen.com.au/test/menu_sample
Thanks for popping back in to share Mariano :)
That's what makes the community great!
I can see how this solves the problem in this situation but when you need to group a number of buttons for the purpose of animating that group all at once this option does not work. Trying to animate every single button individually is painstaking (to get them in the right position). Is there an actual way of stopping the states changing on all the items in the group so that only the one hovered over changes??
Hi William!
It sounds like you've already tried grouping the buttons and adding a trigger for the animation. Is there an example that you can share with us so we can give you a more tailored workaround?
You can do so by using the "add attachment" button in this discussion. Or you can share the file privately with our Support Engineers by using this link.
Not sure if I have quite understood the idea of adding triggers but I've attached the screen in question. Let me know if there is something you can do.
Hi William!
Thanks for attaching the file! I've walked you through the changes in this tutorial and also attached the file I changed.
Please let me know if you have any questions!
Lauren, this did not actually fix the issue. Where I have grouped buttons they still show up as all hover state when I roll over one. I couldn't really see how anything had changed in the video you sent as you never demonstrated what happened when you hovered over the grouped buttons only when you hovered over the non-grouped buttons. Also I downloaded the file and it has not changed (in function) from when I sent it. It still hovers all buttons that are grouped.
Hi William,
This certainly looks like odd behavior. I've started a case with our support engineers to do a little more digging to see if this is expected and can offer a solution or if a workaround is needed.
Be on the lookout for a response soon!
Was this ever addressed? I'm experiencing the same issue; all the grouped buttons' states change at once.
Hi Articulate 10!
We were able to work with William directly and found a bug where the whole group activates Hover even if the trigger only involves one object in the group. It sounds like this may be what you're running into. I'll link this discussion to our bug report so we can update you when we release the fix.