Forum Discussion
Hover over in grouped objects
I have a set of grouped objects that animate onto my page. One of these objects is a button and when I hover my mouse over it it gets slightly bigger. However, when I hover over the other grouped objects the button seems to get slightly bigger also. Why is this happening and how can I fix? Thanks.
- juliWaldenGroupCommunity Member
Hi Brian,
If I understand you correctly, you don't wan the button to be larger at any point. If this is correct, see if there is a hover state on the individual button which makes the button larger. Ungroup, remove the hover from the button and regroup. Let us know if this works.
Cheers,
Julie
- BrianMcSkaneCommunity Member
Hi Julie,
Thanks for your quick reply. I do want a hover over effect on the button only when I hover over the button and not when I hover over any of the grouped items which is what currently happens). I have animation on the grouped objects so am afraid of ungrouping as I could lose this. Is there any way of restricting the hover over to the object which it was intended?
Thanks, Brian
- juliWaldenGroupCommunity Member
What about animating the group minus the button and animate the button. Then you'll have only 2 objects that animate in at the same time. But the button will be separate from the group.
Best, Julie
- BrianMcSkaneCommunity Member
Yes, I was thinking of that Julie but I wonder will they animate in at the same speed, etc. If I don't find a better answer then I'll give it a go.
Articulate - does grouping objects mean a hover on one of these objects transfers to all?
- juliWaldenGroupCommunity Member
Hi Brian,
Yes, I have had a problem with different sized object animating at different speeds even though they are set to the same.
How about adding a hotspot or maybe a transparent shape over the button which triggers just the button hover state?
Best, Julie
- BrianMcSkaneCommunity Member
Hotspots aren't accessible Julie (come on Articulate) so I can't use them. I could try transparent shapes but isn't it getting a bit cumbersome?
Hi Brian,
If you group a set of objects, although they can have different states they'll behave together in terms of animations and hover or similar. So that explains what you're seeing, in terms of a hover all together - but the hover shouldn't make it a larger item unless you set it to do so. Do you want to share the .story file here with us to take a look?
Also in terms of hotspots, they are not accessible, but a transparent shape would be and behave similarly with the ability for accessibility, states, etc.
- BrianMcSkaneCommunity Member
Hi Ashley, I've set the button to grow on hover so that's what I want it to do. So grouping is not an option if you want to preserve individual states just for the individual objects. More compromise I suppose.
I'm sorry it wasn't the answer you were looking for Brian, but I'm glad I was able to confirm. Please let me know if you need anything else.
- JackGaylerCommunity Member
I'm experiencing the same thing. I have a group, inside the group are two buttons which sit on a rectangle object. When I hover anywhere over the group, both buttons change to their 'hover' state.
Is there anyway to make it so, when in a group, only the button I hover over is set to it's 'hover' state?
Hi Jack!
Unfortunately, what you are running into is an issue we've logged as a software bug where the entire group of objects changes to the hover state rather than the specific object that is being hovered over. I have added your comments to our report to update you when we release a fix. The workaround is to use individual objects rather than a group of objects.
- JeffTolentionCommunity Member
Hi Lauren - This is a fix that I'm looking for as well! Let me know if I could be notified once it's been updated.. thanks so much!