Skip to main content
M00rtZ
M00rtZ
Inspiring
December 2, 2015
Answered

Table of Contents : How to remove background or make it transparent?

  • December 2, 2015
  • 1 reply
  • 1291 views

Good morning!

I am using Captivate 7. I need to either remove my table of contents background or delete it so it is possible to see the slide underneath it (I am using the Overlay option, obviously). I've been going through the css file generated once my captivate is published (CPLibraryAll.css) and the main javascript file (CPM.js), but I can't find how to solve my problem.

Also, from what I've figured so far, the background is an image and not a css generated color.

Thanks!

This topic has been closed for replies.
Correct answer M00rtZ

So what was the solution?


inna88sf wrote:

So what was the solution?

In the CPM.js file there is a css style block for somerhing called bkColor, which most likely translates to backcolor. The alpha for that block is set at a 100. Set it down to 0 and the background will be transparent. Regarding the amount of modifications I did, I came up with my own script that applies all the modifications to any captivate project with the same template.


Anyways, the .css file and the .js file (CPLibraryAll.css and CPM.js) are the best ways to bypass the limitations of Captivate. If you have some coding knowledge, you should definately check them out.

1 reply

RodWard
Community Expert
RodWardCommunity Expert
Community Expert
December 2, 2015

Why don't you just slide the TOC out of the way when you don't need it?

Just click the small arrow icon in the top corner of the TOC to have it slide out and in.

If you don't want the TOC to obscure the content, that's the way to do it, not by trying to make it transparent.

M00rtZ
M00rtZAuthor
Inspiring
December 2, 2015

My work requires the table of content to always be visible, like a side menu for a website. I removed the expand collapse option and managed to make it static, so I don't get that sliding-in animation every time someone opens the course. I also managed to modify its height, lower the ToC down to make it work with a banner that I have on my master slide, BUT I do need to get its background either removed or transparent. Just can't find either the line of code or where that generated background image is located or called.

BDuckWorks
BDuckWorks
Inspiring
December 2, 2015

I'm sorry I can't help you get further with your challenge, but I sure would like to see how you've done what you have.

Can you add a post, or write it up in a PDF and post a reply, with some hints about finding and editing the correct CSS blocks?

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