Any way to remove or hide the "x" button for closed captions?

[solid74]

Hello,

I have a project with a clean blue slate caption background and white text closed captions.  The "x" button to close the CC box looks bad on the blue background and it's really redundant since there is a CC button to toggle anyway.  Does anyone know of a solution for removing or hiding that little "x" button?  I have used JS options to modify the functionality of certain elements in many projects, but I suspect this would be more of a template based or CSS related issue.  I've searched edges of the internet for a solution but have yet to find one.

Thanks in advance for any advice!

Jayson

[solid74]

Wow, 30 views and no responses.  I guess that's my cue that this is not possible lol.

Thanks for reading, anyway!

Jayson

[mferguson192291 · Accepted solution]

copy and paste the following code into the CPLibraryAll.css file when you publish your course. Be sure to open the file in either notepad or Dreamweaver.

#ccClose{display:none}

[solid74]

Thank you so much!  I had given up on it.  I knew it was through the CSS but I couldn't find the right JS function to remove the CSS entry in advanced actions.  I guess I should have just gone for the CSS file itself.  This is very helpful, thanks again!

Jayson

[David Burnham HBA]

Thanks 

[timmykelly]

Excellent!  Thank you!

[David Burnham HBA]

Another work around way to visibly remove the button is to publish to html5 then in the "assets folder > htmlimages folder > ccClose.png" simply remove the ccClose.png from the published folder. This area still stays hot for the mouse but the "graphic x" is removed.

[mferguson192291]

It's better to just programatically get rid of the ccClose button rather than just hide the visual indicator. I like to take an Occam's Razor view of elearning development. Less is more. Don't clutter up the space, make things simplistic. One less thing that the user needs to load on the screen.

[KnutCJ]

This is an old thread, but I just found a better way of solving this.

Paul Wilson has a youtube clip where he shows how you can show and hide playbar elements using javascript (Use JavaScript to Manipulate the Adobe Captivate Playbar - YouTube). He doesn't play with this particular setting, but he does directly affect the CSS in runtime ... which is exactly what you were looking to do. As was I. I just didn't want to have to make changes to the SCORM-package after export.

So ... Execute a script, or an advanced action with a javascript, on enter for the slide and add this line to it: 

$("#" + "ccClose").css("visibility", "hidden");

It sets the visibility of the ccClose-object (the pesky X-button) to hidden.