September 5, 2011

Creating Spry Menus in Adobe Captivate 5.5 Courses

When we are working on a large course with many topics and sub-topics, it’s a good idea to include all the topics along with sub-topics on the menu page. But this can result into a content heavy screen and doesn’t give a neat look. In such a scenario we can add Spry Menu functionality on the menu page, where when you hover over the topic, the sub-topics appear and become accessible. Here’s an example screen with a Spry Menu. Hover over Menu A to see the hidden submenus.

Let’s see how we can create such a menu page. There are different ways to get this functionality. In this example, I have used a combination of Rollover Slidelets and Buttons. There are two Rollover Slidelets, one to show the Buttons and the other to hide the Buttons.

Here’s a demonstration depicting the steps in detail:

Hope this is helpful!

Posted by Vish1:52 PM
  • http://www.facebook.com/profile.php?id=100000814302259 Miles McDude

    Very cool. Thanks!

  • Viluuliv

    Only Cp 5.5, not 5?

    • John

      It works in 5 as well

  • http://www.facebook.com/people/Amy-Blankenship/100002137012986 Amy Blankenship

    Can you provide a more direct link to the tutorial? The page flat out wouldn’t load in IE, and neither of the movies loaded in Firefox.

  • Steve

    I liked. I did a couple things differently. I chose a button image from the image choices and i added roll over text to describe where the button leads. Thanks.

  • Pingback: It’s Fall in Financial Management

  • mrish

    Thank you for the detailed explanation! I am trying to copy the menu I created onto multiple slides, but captivates re-names my buttons so the advanced actions no longer work. Do you know of any way to maintain an object name?

  • Loading
  • Categories

  • Archives

  • Authors

  • Recent Comments

    • Tracy J Windsor: I am having this same issue — The button / Clickable area does not work in Mobile view...
    • PaulB: Ive just switched from storyline to captivate 8 and I am having trouble with the responsive projects. It seems...
    • David: I can not preview the responsive layout on my project in Captivate 8. Anyone know why?
    • Pete Flynn: Just tried to view the “Recording Link” . . . 413 Header Length too Large What???
    • Ariyo Usman Oluwafemi: I am representing a publishing company which I have already created the ebooks on an indesign...
  • Captivate & eLearning Videos

    Subscribe to Adobe eLearning on YouTube.

    Check out the latest eLearning Videos on AdobeTV

Recently Approved