Creating a menu in Captivate

As I’ve mentioned before, we’ve had Adobe Captivate 5.5 for over a year now, and with no formal training, me and a few others are learning the software as we go.

Here is an example that I put together of a menu using the rollover sidelet feature.  This was inspired by the ‘flat’ design of this website Palace which utilises a tiles layout with rollovers.

Here is the example

Click on the picture to see the example
Click on the picture to see the example

As the user hovers round the sections, a transparent colour appears.  When they click on the colour, information about that section is shown, and then they can click to be taken to that section.  The concept is quite simple, but here is how I did it.

I used rollover slidelet as this has two functions in the properties box.  ‘On click’ and ‘On rollover’.

  • First of all – make sure all pictures, colour blocks and transparencies are named! this will avoid confusion later.
  • Arrange the slide how you want it with all of the elements on it.
  • Insert the rollover slidelet – but remove the ‘reveal’ shape – we only want the rollover box.
  • Build some Advanced Standard Actions – you will need to create a standard action for each of the rollover boxes, this is so that the transparent box will appear, and then disappear when the mouse rolls over another box.
  • The standard action will be something like this

Standard action name – ‘Rollover_1

Show – Colour_orange

Hide – Colour_blue

Hide – Colour_red

Hide – Colour_Dark blue

  • Create the standard action for the rest of the coloured boxes, revealing each colour, but hiding all of the others.  Turn the visibility of each of the coloured shapes off.
  • Under the properties box for the rollover, on rollover, choose ‘execute advanced actions’ then choose the relevant standard action.
  • I then duplicated each slide so that when the delegate clicks on the rollover slidelet, they will be taken to the relevant slide where the information for each section will be displayed.  Again in the properties panel, under ‘on click’ choose ‘jump to slide’
  • It’s then just a matter of inserting click boxes to either go back to the main menu, or to the actual module itself.

Hope this was interesting – If you have any thoughts as to how I could do this in a simpler way, please let me know!


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s