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? 

Views

425

Likes

Translate

Translate

Report

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

1 Correct Answer

Adobe Community Professional , Sep 07, 2016
RodWard Adobe Community Professional , Sep 07, 2016
You could also replace them with a transparent GIF or PNG file.  Then the buttons would be invisible to the user.

Likes

Translate

Translate
Jump to answer Jump to answer
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
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
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
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
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
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
New Here ,
Sep 07, 2016

Copy link to clipboard

Copied

Ahhh of course. Good thinking Rod.

Thanks.

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
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
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
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
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
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
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more