Highlighted

Removing the TOC Expand/Collapse Icon

New Here ,
Sep 07, 2016

Copy link to clipboard

Copied

Is there anyway to remove the expand collapse icon on the TOC menu as I would like to use my own TOC icon in another location? 

Adobe Community Professional
Correct answer by RodWard | Adobe Community Professional

You could also replace them with a transparent GIF or PNG file.  Then the buttons would be invisible to the user.

Views

355

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

Removing the TOC Expand/Collapse Icon

New Here ,
Sep 07, 2016

Copy link to clipboard

Copied

Is there anyway to remove the expand collapse icon on the TOC menu as I would like to use my own TOC icon in another location? 

Adobe Community Professional
Correct answer by RodWard | Adobe Community Professional

You could also replace them with a transparent GIF or PNG file.  Then the buttons would be invisible to the user.

Views

356

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
Most Valuable Participant ,
Sep 07, 2016

Copy link to clipboard

Copied

I mostly use a toggle TOC button as well. My workaround is to replace tje

default icons by a shape in the background color since there is no way to

remove them.

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...
New Here ,
Sep 07, 2016

Copy link to clipboard

Copied

Thanks Lilybiri.

Yeah that's what I was thinking I'd have to do. Unfortunately if I have a picture filling the screen on a slide it is hard to cover it up. However that looks like my only option I think.

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...
Adobe Community Professional ,
Sep 07, 2016

Copy link to clipboard

Copied

You could also replace them with a transparent GIF or PNG file.  Then the buttons would be invisible to the user.

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...
New Here ,
Sep 07, 2016

Copy link to clipboard

Copied

Ahhh of course. Good thinking Rod.

Thanks.

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...
Adobe Community Professional ,
Sep 07, 2016

Copy link to clipboard

Copied

I always include a custom css file with my project that hides the buttons.

.tocExpandCollapse{

visibility:hidden;

}

You can also do it with JavaScript, while hidden, they won't respond to clicks.

var tocBtns = document.getElementsByClassName( 'tocExpandCollapse' )

tocBtns[ 0 ].style.visibility = 'hidden';

tocBtns[ 1 ].style.visibility = 'hidden';

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...
New Here ,
Jan 07, 2020

Copy link to clipboard

Copied

Hi Rod,

I replaced the image with a transparent png and it shows as a white box when viewing in mobile. Any ideas how to make it actually transparent? 

 

Thanks in advance,

Susan

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...
RodWard LATEST
Adobe Community Professional ,
Jan 07, 2020

Copy link to clipboard

Copied

Did you try a transparent GIF instead.  PNGs might be the problem in your case.  Also, try using a different bit depth of PNG.  Was it a 24bit or 36bit PNG?

 

If no PNG or GIF file works then you might need to use Daves CSS method mentioned earlier in this thread.

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...
Resources
Captivate User Guide
New Group