Custom navigation button

Jan 15, 2022

Good day, I'm designing a custom interface and rather that using a free form to create a custom navigation button (previous, pause,play,back) I'm using an image. 

But the option ''change state' won't work, even try to group two free form with my images to create almost the same as my original image ( free form rectangle)

I need to have a rollover action like in other web design tools (dreamweaver, etc ..) Is it possible without adding a javascript patch ?

4 Replies
Progi .com

Hi I'm creating a navigation bar with previous, pause, play and next. I wantr to have a hover imgae like a rollover effect like in most HTML editor. 

I use the change state with my 2 images (see attached) one for actual previous and the one when the mouse is over.

In the trigger I choose for the hover image : Hidden when the timeline beggin and Normal when the mouse is over. The hover image is on the top of the actual previous image. 

Should this work ? Is there another way to do this ? I try with Storyline forms and its work directly in the states I change (hover, normal).


Maria Costa-Stienstra

Hi, Progi.

Thank you for reaching out!

As Phil mentioned, you don't need to create triggers for the hovers, as you can use the built-in states.

If you click on your arrow on the timeline, then go to States, you should be able to create a new state for the Hover:

Windows 10 (1) 2022-01-18 at 9.21.27 AM

Let me know if you have additional questions!