Skip to main content
Jaz76
Known Participant
December 15, 2016
Question

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

  • December 15, 2016
  • 3 replies
  • 546 views

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.

    This topic has been closed for replies.

    3 replies

    TLCMediaDesign
    Inspiring
    December 15, 2016

    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
    Jaz76Author
    Known Participant
    December 19, 2016

    Thank you that worked.

    RodWard
    Community Expert
    Community Expert
    December 15, 2016

    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
    Jaz76Author
    Known Participant
    December 19, 2016

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

    Lilybiri
    Legend
    December 15, 2016

    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