branching projects playbar options

[jessicap64741243]

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!

[TLCMediaDesign]

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.

[jessicap64741243]

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.

[jessicap64741243]

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

[Lilybiri]

Have a look at my last blog post, you'll find a shared action to turn on/off CC and multiple other variables.

1 action = 5 Toggle Buttons - Captivate blog

[TLCMediaDesign · Accepted solution]

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.