Looking for a simple and straightforward guide for adding custom interactions in your eLearning course?
In this article, you'll find all of the information you need to start integrating free jQuery User Interface widgets into your eLearning modules using Adobe Captivate 8.
I'll offer some advice on how you can add design, download and implement two jQuery interactions - Accordion and Tabs in four easy steps, regardless of your HTML coding knowledge or Captivate expertise levels.
There are a few problems using native Captivate Accordion or Tabs interactions. The main shortcomings are:
● Resizing interactions on slides may not display properly after published
● Awkward default sizes
● Cannot use URLs or custom text styles (bold, italic, headings, colours.)
● Limited number of tabs (5)
● Annoying ‘drop shadow’ effect.
An alternative and effective solution is to use free jQuery UI widgets integrating them in Captivate using ‘Web Object’ interaction.
jQuery UI (http://jqueryui.com/) offers a combination of interaction, effects, widgets, utilities, and themes designed to work well together or on their own.
Using custom widgets offers more control and flexibility of HTML pages inside your module in both flash and HTML5 published output.
You will need a minimal knowledge of HTML to fine-tune your interaction widgets - so don't worry if you haven't coded before - it is really simple.
Visit elcentra.com to read the step by step guide, to view interaction demos and to download completed Captivate and jQuery source files.