Blog Post

Discover
1 MIN READ

Storyline: Animated Menu Navigation

DavidAnderson's avatar
DavidAnderson
Staff
10 years ago

Here's a mobile-inspired menu concept built with Articulate Storyline 360.

The menu features a subtle fade in and fade out effect. The button options link to slide layers so everything is contained in a single slide.

Published 10 years ago
Version 1.0
Example
Mobile
Navigation
  • JohnCurran's avatar
    JohnCurran
    Community Member
    9 years ago
    One issue I have with a bespoke menu like this is that when you use the menu to jump to a point in the course the 'Previous' button then takes you back to the point at which you jumped from rather than the previous slide in the sequence. I can fix this by hard coding each previous button but is there a better way to do this?
    • DavidAnderson's avatar
      DavidAnderson
      Staff
      9 years ago
      Hey John! I just noticed your question. I'm sorry it's such a late reply.

      The built-in functionality for Previous slide trigger is to return users to the last slide they viewed. That's by design but I know there are folks who would like to return to previous slide in the project.

      The best way around this is to change the trigger to Jump to Slide and specify the slide where you want to direct users. This would be done on a slide-by-slide basis since there isn't a way currently to change the built-in functionality.
  • RenukaIyer's avatar
    RenukaIyer
    Community Member
    8 years ago
    Very nicely done. Do you have any tips and tricks to share on how to create something similar?
  • MarbaraBartin's avatar
    MarbaraBartin
    Community Member
    8 years ago
    I would also be interessted in how you created this menu. Would be great if you share Details with us.
    THank you.