Boolean True / False

I am using javascript and need to use boolean value true / false (not 0 and 1 in this case).  If I assign a variable true or false is Captivate seeing it as a string, or an actual Boolean True / False?  This is what I did:

  • Created a variable.
  • Make default value False.
  • On click of a button, assign True to the variable.


The post Boolean True / False appeared first on eLearning.

Captivate – Create a hover state (If a learner hovers over “Item 1” then they will see “Item 2, State of New York”

I know there is a way to create a hover state in Captivate. Here is what I’d like the function to do:

If a learner hovers their cursor over an item (it could be a shape or image) then another item in a different location (a different place on the screen) will show its “hover” state.

In Articulate Storyline, this is how the trigger action would be written: If a learner hovers over “Shape 1” then “Show Hover State” of “Shape 2”

Can this be done in Captivate?



The post Captivate – Create a hover state (If a learner hovers over “Item 1” then they will see “Item 2, State of New York” appeared first on eLearning.

Issues with courses in Successfactors LMS

Have courses created in Captivate and uploaded into Successfactors LMS.  Courses doing 1 of a few things.

1. Course will not launch.  Just receive a spinning wheel on a white screen and nothing else.

2. Course launches but if you shut the course down say when you get to the third frame and then relaunch it, course will not launch.  Just goes to white screen and spins.

3. Course freezes during the course and will not move forward.

What issues could be causing these things to happen?

The post Issues with courses in Successfactors LMS appeared first on eLearning.

Creating a slider box

Hey everyone,

I want to create a menu that slides on and off the screen, like a door that moves to the left and right, when the user clicks a button.

I created a rectangle and positioned it outside of the slide and assigned a motion path to move the box to the right to show on screen. I then created another shape to act as a toggle button.  However, I can’t seem to figure out how to make the button execute the action. I normally use Articulate 360 but can’t figure out which triggers to use to make this happen in Captivate 9.

Thanks in advance.


The post Creating a slider box appeared first on eLearning.

Advanced Action – Shared Action

I have a button that will show/hide (toggle) a text caption, but I could have up to one on each slide that has different words.

On each slide, the text caption has a number after it. I’m not sure how to write the advanced action where it is reusable and knows what text caption it is?

I’m using Captivate 2017.

If I was using Animate I would have a var textName = textCaption + currentSlide; (using concatenation to create an object name).  I’m not sure how to accomplish this. Any help is appreciated.

The post Advanced Action – Shared Action appeared first on eLearning.

Edit SVG’s in Captivate 11.5


If you have read my first blog about this major update, you will know that the extended functionality of SVG’s for use as buttons is one of my favourites. Moreover you get some editing features within Captivate (new as well). That means that you don’t have to do a roundtripping with Illustrator (or use another vector editing application) if you just want to change some colors. This blog is meant for those who are bit new to vector images, and the way paths are used.  Next post will be about roundtripping with Illustrator for more complicated editing.

You may also ignore that the new Assets Panel (wait for an in-depth exploration in the near future) includes a set of ‘icons’ which are SVG’s. Same for the hotspots used in 360 slides. All SVG’s in your project end up in a dedicated folder of the project Library.

Example slide

I used only assets in this slide from the audio and icons part. All icons have edited colors (not meant as a design example) to illustrate the workflow I will explain in this post (and later on in an interactive video). The biggest SVG in the center of the slide is configured as a button. You can click it as many times as you want, you’ll be able to listen to some of the audio assets. There is no poster image in this example, just the default Play button.


Step-by-step ‘Edit colors’

I will explain this for the Normal state of the big SVG which you clicked in the example slide.

1. Insert SVG and resize

As I explained in the intro, this SVG is one of the Icons in the new Assets panel. Insert it from that panel (name ‘Cover’). You can resize either by using the Options tab of the Properties panel for the SVG, or by dragging a corner with the mouse while keepoing SHIFT pressed to preserve the width-height Ratio. Since this is a vector image, you’ll see that it remains crisp even when enlarged considerably.  The original icon uses a uniform dark grey. I check the option to use it as a button, and uncheck the option to make the whole bounding box clickable (Enable Click in Bounding box). You can see that the bounding box extends above the image. There is an option to ‘Fit to Bounding box’ but it would have distorted the SVG.

Step 2: Edit mode

To enter edit mode for the SVG double click the SVG. You find the tooltip when hovering over the Fill in the Properties panel. Do not use the button ‘Edit SVG’, which would let you choose an editing application on your system, nor the option Edit with Illustrator.

Step 3: Select a ‘path’

A vector image is composed mostly from several paths, which can have a width (may be variable) and/or a Fill. The image I used as example has 3 paths, all closed and with a fill. You select a path by clicking it. Selected path will have a blue surrounding line as you can see in this screenshot:

Step 4: change color

Click the Fill icon in the Properties panel to open the Color dialog box. For this simple demo slide I used the color wheel to select a color. In a normal project I would have used the Theme Colors palette of course. Click OK to confirm the color change. Repeat that workflow to the remaining shapes.

SVG button states

When you convert a SVG to a button, the InBuilt states Rollover and Down are added automatically. You can use the edit workflow described above for each of those states. I added also the Visited state (with a speech bubble) and the custom state ‘Done’ which appears after you have listened to the 5 available audio clips. Here is the Object state panel of the big SVG button:

The Visited state is selected in this screenshot. Look at the Properties panel: you see that the opacity is reduced to 50%. This always applies to the full SVG, but in this case only to this state of course. You see a user variable inserted in the added speech bubble. That bubble has no reduced opacity, it is not part of the original SVG but an added shape£.


Main topic is finished, you may stop reading if you want. But for the curious fans,  the audio clips are attached to a state in a second multistate object, which is a shape to which I added an icon in the Normal state (no audio) and an audio clip with its name to the other states.

The Advanced action triggered by the big SVG buttone:

No need to trigger the Visited state, it appears automatically after the first click on the SVG button.

The post Edit SVG’s in Captivate 11.5 appeared first on eLearning.

I’m having difficulty with using advanced actions and increments

I am trying to create a slide with 4 check boxes and a hidden next button, that shows only after the learner clicks all of the boxes.Upon doing so, it would allow the learner to see the next button and continue.I set up the smart shapes with an additional state of a check mark,  variables with the value of zero, hid the smart shape of the next button. I want to add the statement to increment the smart shape to 1, change the state to “check”, and then show “next”.When I try to add the “increment” variable of the smart shape, and add the literal value of 1, and updates the script, it updates and shows as successful, but when I go back to if or else, the variable shows an empty drop down. Is this a script error, or is it something else?

I appreciate your help.

The post I’m having difficulty with using advanced actions and increments appeared first on eLearning.