Hover Out State?

Hi Colin,

What are you trying to achieve? It might help find a solution to know what the process and end goal is.

Hi Colin,

Without more information, like Jerson asked for, I can only suggest that a slide level trigger that uses the "...When: State... Is not: Hover" might work for you. I have attached an example.

Hi Jarson + Chris,

I am trying to code rollover states different from the default Storyline states (adding hovers for the visited/selected states) as I started in this post http://community.articulate.com/forums/p/43349/234080.aspx#234080 and also just to know the possiblities as I use rollouts a bit in other authoring tools.

Thanks for the demo Chris which lead onto a idea that you can effectively simulate a Mouse Hovers Out state by placing an invisible button behind your buttons with the triggers that you want.  Unfortunately this doesn't work as intended as it seems to revert back to the original state when the mouse rolls off the invisible button and I also found out that Storyline doesn't have a Mouse button down trigger for the other state.

I have found a complex workaround with having different layers for all the extra button states but I am hoping for a easier way. But I am starting to think that is impossible for the moment (future version maybe?). Thanks all for your help. 

Hi everyone...

I have a similar issue.  I have an object that I'm using to simulate a button in a software application.  The button (in the real world) has both hover behavior and click behavior, so I'm trying to duplicate this in SL3.  As a result, I need to show:

hover over
hover and click
hover out
click

So, I'm very curious about this hover-out (mouse leave) event and how to capture this event.  the 'restore on mouse leave' doesn't cut it in my case, because the behavior is an animation.  If anyone has any feedback on what I'm trying to do, I'd appreciate the insights.  Thx. 

Hi Martin, 

If you're able to share a copy of your .story file here that'll help folks in the community take a look and offer any insight on your setup! 

Let us know if you're able to share, you'll upload using the Add Attachment button. 

Hi there, Martin!  Without seeing your project, I'll give you some general ideas:

• Hover Over - To change the state, you can use the built-in Hover state (without triggers) for the hover object.  For other objects to change state, or for other actions, you'll need a trigger when the user hovers over the object. 
• Hover and Click - Tell me a little more about the difference between "hover and click" and "click." To click, you'll have to hover over the object anyway, so I want to better understand your goal for this one!
• Click - You can set a trigger when the user clicks that object.
• Hover Out - I'm thinking you want to trigger action specifically when not hovering over the intended object.  I've seen folks create a hotspot over the entire slide, and then add the object on top.  Hovering over the object won't activate the hotspot, but when you move the mouse away from the object, you'll be over the hotspot.  You can set a trigger for when the mouse hovers over the hotspot.

Let me know if I'm hitting the mark, here.  Feel free to share your .story file for more specific feedback!

Crystal -- Hi, thanks for the response.  I'm not able to share the project file, but I have a few answers to your comments: 

- Hover over isn't an issue... the problem is that I'm trying to reverse the hover over when the user hovers off the object again, essentially reverse an animation of a window sliding into place.  This is what happens on the real software application.  You hover over a button, and a window slides up with some information and a couple of links in it.  Hover off, and the window slides back down.  I tried to use a motion path with a reversed path and couldn't get it to work in the state editor.. don' think this would achieve the correct effect anyway. 

- On the click, what happens is that there are links available in the window that slides into place, so I need to be able to have a click trigger, in addition to the hover state, in order to really show the real-world application.  You're correct... the user has to hover to get to the links, but having a single hotspot (or perhaps two) that could trigger these actions independently is what I'm having trouble with. 

- Can't really use the entire slide as a hotspot, because there are several of these buttons on the screen simultaneously... arranged as tiles.  I need to be able to show the hover and click action for each of them. 

Hope this adds some clarity to the situation.    Thanks.  -Marty

Does the button with the hover/hover out state slide in/out with the window, or does it stay in place and only the window slides in/out? It would be helpful if you could provide a screenshot (or mockup) of the button and sliding window.

Michael -- I have some flexibility with this.  The basic idea is that the changed state animates over the original and then animates out if the user hovers out.  But I could do this with layer and not with a changed state.  I created the attached to give you an idea of what's going on.  There's a base button, then another version of it rolls into place showing information, some of which are hyperlinks.   Thx

You may have to do with layers because I don't think the hyperlink will remain active inside of the state?

If it does stay active you can just add an entrance and exit animation inside the hover state and when you mouse out it will animate out.

Phil.  Thanks.  I'm still experimenting, but I'm not hopeful that I'll be able to pull off the effect that I'm looking for with layers.  As to states, while I understand I can use animation and motion paths in a state if I copy them from 'normal,' that hasn't really worked out for me.  You can't edit those animations (grayed out) and I need the normal state to exist withOUT an animation, so I'd constantly have to create, copy, revert and 'm too confident about using states for this. 

Pausing the layer and then unpausing on mouse out (not really use a hotspots or something).For the states if you add an object into a state you can add exit and entrance animations that will fire on state changes.

Phil - thanks.  I'll try the state changes, but I have about six of these buttons together in a row, so the solution has to be fairly simple and easy to edit.  I'm concerned that between the hover events, multiple states, layers and triggers, I may have too much to contend with.