Blog Post

Discover
1 MIN READ

Storyline: Motion Menu

SarahHodge's avatar
SarahHodge
Former Staff
7 years ago

This animated menu is a great way to catch your learner's eye and keep them engaged. Check out the gif below for a sneak preview of this Storyline template*.

*This template will work for folks using Storyline 360, the continuously updated version of Storyline included in Articulate 360. Want to try it out? Get a free trial of Articulate 360 right here.

Published 7 years ago
Version 1.0
Animation
Articulate 360
Download
storyline 360
Template
  • JanaVrzalova's avatar
    JanaVrzalova
    Community Member
    7 years ago
    The template is really cool. The only obstacle I cannot solve is this: I want to put a video on hover state instead of a picture. However, As I am not able to crop video into column needed, i need to put it as a background element. And here is the problem: When hovering over with mouse, it keeps appearing in front of all elements, not behind them. Basically, on hover, I just see video stretched on the whole page, and all elements are hidden behind it. Any help? I am using different video for each sector.
    • SarahHodge's avatar
      SarahHodge
      Former Staff
      7 years ago
      Hi Jana! Thank you. In order for the video to play on hover, the video has to be cropped to exactly the same height and width of the hover state image size. You can do that in Storyline by inserting the video>Edit Video>Crop>move the crop box until you get the correct size.

      Another option is to insert the video into Storyline>right-click it>Save as picture>and then insert and crop that image to the correct size. This won't play the video on hover, but it will display the initial video image. That way, you can add the actual video to the next slide and it will play once clicked. Hope this helps!
  • JennyEsque's avatar
    JennyEsque
    Community Member
    7 years ago
    This is amazing. My question - when working with audio... every time I click the menu button the audio plays again. How can I get the audio to play the first time the menu is accessed and not subsequently every time I go back to the menu? I have a work around currently to not play audio on that menu and just the "chapters", but wanted to know if I am doing something wrong.
    • SarahHodge's avatar
      SarahHodge
      Former Staff
      7 years ago
      Thanks, Jenny! The Menu slide is set to: Reset to initial state. I recommend going to the Slide Properties > When revisiting > Select Resume saved state. Hope that helps!