801.796.BROS (2767)
Select Page

Captivate Player Skins

Hey everyone! I just wanted to take this opportunity to show you how to take an eLearning Brothers Player Skin and insert it into Adobe Captivate.

Inserting the Player Skin into new project

  1. Copy the FIRST slide of the template skin project and make it as the FIRST slide of your project.
  2. If you want to keep my same naming convention, rename all of the layers in “playerGroup” starting from the top and going down:

The first 4 buttons have no specific names and can be deleted once in a course. I would just keep them, though.

courseTitle (Replace with your course title)
eLB_Logo (Replace with your own logo)

Locking the Next button (optional)

On each slide, you need to have an Advanced Action “On Enter.” The first and last slides are already done for you: player_firstPage and player_lastPage. All the pages in between will require an Advanced Action. Best practice is to make a “player_OnEnter” action for every slide, even for slides that I will not use, like the first and last slides.

  • Press shift+F9 (opening your Advanced Actions window)
  • Go to Existing Actions dropdown menu on the right
  • Select the action player_OnEnter_s01 (the s01 stand for slide 1)
  • Duplicate the action by selecting the icon at the top right
  • Rename the duplicated action player_OnEnter_s02
  • Replace s01 with s02 in two spots:
    1. In the if statement
    2. And in the else statement
  • Repeat steps 4 – 6 incrementing s01 by 1 every time for however many slides you have.
  • Apply the Advanced Action player_OnEnter_s02 to slide 2, player_OnEnter_s03 to slide 3, and so forth. To do this, select the slide and click the Actions tab. On the On Enter dropdown menu, Select Advance Action, then select the player_OnEnter_s02 for slide 2, player_OnEnter_s03 for slide 3 and so on.
  • On the first slide select the Player Bar.
    1. Go to the Timing tab
    2. Set it to show for “rest of slide” rather than “rest of project.”
  • Go to the second slide of the template and copy the Player Bar and the Next button.
  • Paste those two items on each slide.
  • Have the new Next button only show at the end of each slide in the timeline.

Using the Submit button (optional)

When you want the Submit button rather than the Next button, use the “player_showSubmit” rather than a “player_OnEnter” action. Currently the Submit button just has a “Go to Next slide” action applied to it. You can customize that action to whatever you want or have the next slide perform the submit function.

You could also cut/copy the Submit button from the first slide and place it where you need that specific action. If you do it this way you will have to:

  • Select the Submit button.
  • Go to the Timing tab.
  • Select “rest of slide” rather than “rest of project.”
  • On the slides where you paste the Submit button, use the action “player_lastPage” on enter. This will hide the Next button.

Here’s a video walkthrough on how to use our Captivate Player Skins. If you want to follow along with one of the examples (about halfway through the video), download this sample .cptx here.

If you have any questions, feel free to hit us up in the comments below!

Pin It on Pinterest