T.O.C In Captivate 8 - Adding your own Button

[Jaz76]

Hi

I am using the built in T.O.C in Captivate 8 and successfully set it all up. But Is there a way to change the Open and close button (Chevrons)  to one of my own as the chevrons are too small for a learner to see that they are there.

[Lilybiri]

I will often create a toggle button at the bottom to open/close the TOC.

The default buttons can be made transparent, you can replace them but not increase the size.

Recently I blogged about a shared action for such a button, for CP9. You do not have states in 8 but same can be achieved with show/hide.

1 action = 5 Toggle Buttons - Captivate blog

[RodWard]

Yes there is an option in the SKIN Editor to change the images used for the TOC Expand and Collapse icons.

However, be aware that there are quite strict limitations on how big those replacement icons can be.  They need to be almost exactly the same size as the existing ones.

[Jaz76]

Thank you Rod. Going to take a look at your you tube video to see how to create my own menu

[TLCMediaDesign]

You can follow Rod's instruction to replace the images, then execute this JavaScipt on Slide enter of the first slide

var tocBtns=document.getElementsByClassName("tocExpandCollapse");

tocBtns[0].style.width="100px"

tocBtns[0].style.height="100px"

tocBtns[1].style.width="100px"

tocBtns[1].style.height="100px"

This makes them 100 x 100 px;

[Jaz76]

Thank you that worked.