Skip to main content
J
jessicap64741243
Known Participant
October 27, 2015
Answered

branching projects playbar options

  • October 27, 2015
  • 1 reply
  • 510 views

We're making some branching courses and are wondering about how other users have tackled navigation with branching. Captivate does not allow (as far as I can tell) users to customize what slide the "next" and "back" buttons on the playbar will navigate to, and the progress bar shows where the viewer is in the course, not on each slide. With branching projects, the lack of flexibility with both of those features causes a huge problem: how do we give viewers control over what they see, and keep the order of the content the way we designed?

Right now the only solution we've come up with is to hide the progress bar and next/back buttons on the play bar and include "back" and "continue" buttons on some slides. This is not an ideal solution, as the CC must be viewable, and having the buttons on the bottom of the screen makes them hidden by the CC, so we have to put them pretty far up, which just ruins the visual on a lot of slides. 

Am I missing a function in captivate? If anyone has figured out a way to circumvent this issue I'd love to hear it!

    This topic has been closed for replies.
    Correct answer TLCMediaDesign

    You put the CSS in the assets/css/CPLibraryAll.css file.

    The css is not in there, you have to add it, that is what the CSS is in the example I posted. You don't need to have the color in the css, I added it for a specific project.

    To turn the CC on and off you need to create an advanced action tied to a button to toggle the CC. Use the action "Toggle" and choose "cpCmndCC" as the variable.

    1 reply

    TLCMediaDesign
    TLCMediaDesign
    Inspiring
    October 27, 2015

    You create your won navigation buttons. In HTML5 it's very easy to move the CC with a little CSS. In SWF output you need a widget to move the CC. You shouldn't have a problem creating the rest of the navigation buttons.

    #cc{

    top:505px;

    background-color:rgba(15, 50, 66, 0.5);

    }

    #ccClose{

    display:none

    }

    TLC Media Design can help you with the CC widget.

    J
    jessicap64741243Author
    Known Participant
    October 28, 2015

    Can you give me a few more details about how to adjust the CSS? From what I can see, there are at least 3 CSS outputs for each published file. Which do I put this in? And where? I looked through all three and didn't see "#cc" anywhere.

    J
    jessicap64741243Author
    Known Participant
    October 28, 2015

    also, if we create our own play bar, how will we give the user the ability to turn on/off the closed captioning?

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices