• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Removing the TOC Expand/Collapse Icon

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

656

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
community guidelines

correct answers 1 Correct answer

Community Expert , Sep 07, 2016 Sep 07, 2016

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

Votes

Translate

Translate
Community Expert ,
Sep 07, 2016 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.

Votes

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

Votes

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
community guidelines
Community Expert ,
Sep 07, 2016 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.

Votes

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

Copy link to clipboard

Copied

Ahhh of course. Good thinking Rod.

Thanks.

Votes

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
community guidelines
People's Champ ,
Sep 07, 2016 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';

Votes

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

Votes

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
community guidelines
Community Expert ,
Jan 07, 2020 Jan 07, 2020

Copy link to clipboard

Copied

LATEST

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.

Votes

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
community guidelines
Resources
Help resources