Highlighted

Captivate 9: Turning off TOC When Quiz Starts (HTML5 output)

New Here ,
Oct 12, 2018

Copy link to clipboard

Copied

I am trying to hide the TOC when the quiz starts; however, nothing seems to work. I've tried the simple "Hide TOC" on enter, assign TOC variable and hide TOC in an advanced action, etc. But, nothing turns it off. I can turn it off at the beginning, but then it won't display when it needs to. My output is HTML5. Any ideas? Thanks.

Adobe Community Professional
Correct answer by TLCMediaDesign | Adobe Community Professional

Is your TOC in Overlay or separate?

Even if you can hide it (only in overlay mode) you would also need to hide the TOC Expand button,  else they could just open it back up.

You could also execute this JavaScript onEnter:

document.getElementById("toc").style.visibility="hidden";

and the to turn it back on:

document.getElementById("toc").style.visibility="visible";

Views

84

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Captivate 9: Turning off TOC When Quiz Starts (HTML5 output)

New Here ,
Oct 12, 2018

Copy link to clipboard

Copied

I am trying to hide the TOC when the quiz starts; however, nothing seems to work. I've tried the simple "Hide TOC" on enter, assign TOC variable and hide TOC in an advanced action, etc. But, nothing turns it off. I can turn it off at the beginning, but then it won't display when it needs to. My output is HTML5. Any ideas? Thanks.

Adobe Community Professional
Correct answer by TLCMediaDesign | Adobe Community Professional

Is your TOC in Overlay or separate?

Even if you can hide it (only in overlay mode) you would also need to hide the TOC Expand button,  else they could just open it back up.

You could also execute this JavaScript onEnter:

document.getElementById("toc").style.visibility="hidden";

and the to turn it back on:

document.getElementById("toc").style.visibility="visible";

Views

85

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Oct 12, 2018 0
Adobe Community Professional ,
Oct 12, 2018

Copy link to clipboard

Copied

Is your TOC in Overlay or separate?

Even if you can hide it (only in overlay mode) you would also need to hide the TOC Expand button,  else they could just open it back up.

You could also execute this JavaScript onEnter:

document.getElementById("toc").style.visibility="hidden";

and the to turn it back on:

document.getElementById("toc").style.visibility="visible";

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 12, 2018 0
Lilybiri LATEST
Most Valuable Participant ,
Oct 12, 2018

Copy link to clipboard

Copied

That command only works for a TOC in overlay, not for one in separate mode.

You can replace the expand/collapse icons by a toggle button. For that reason I use to replace the icons by a custom empty image. To create a toggle button have, a look at this blog post:

1 action = 5 Toggle Buttons - Captivate blog

Of course, if you prefer JS it is up to you.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 12, 2018 0