custom toc javascript index.html

Thanks for the advice. I updated captivate. However it didn't solve the problem, but I had to renwe some changes we made and I also started agaim to use the following code, that I have found here (thanks to TLCMediaDesign😞

window.addEventListener( 'moduleReadyEvent', function ( e )

{

var topIcon = document.getElementsByClassName( 'tocBookmarkHeadingStyle' )[ 0 ].style.visibility = 'hidden';

var topIcon = document.getElementsByClassName( 'tocSlideTitleHeading' )[ 0 ].style.left = 10 + 'px';

var bmIcons = document.getElementsByClassName( 'tocBookmark' );

var bmText = document.getElementsByClassName( 'tocText' );

for ( var i = 0; i < bmIcons.length; i++ )

{

bmIcons[ i ].style.visibility = 'hidden';

bmText[ i ].style.left = 10 + 'px';

}

});

Because there was still a problem about the text position I removed everything related to text, like this:

window.addEventListener( 'moduleReadyEvent', function ( e )

{

var topIcon = document.getElementsByClassName( 'tocBookmarkHeadingStyle' )[ 0 ].style.visibility = 'hidden';

var topIcon = document.getElementsByClassName( 'tocSlideTitleHeading' )[ 0 ].style.left = 10 + 'px';

var bmIcons = document.getElementsByClassName( 'tocBookmark' );

for ( var i = 0; i < bmIcons.length; i++ )

{

bmIcons[ i ].style.visibility = 'hidden';

}

});

I also changed some Icons in the toc- and TOC_icons-folder. For example blankBookmark and fullBookmark are the same Icon now so there is no change when you click on the Icon. It looks like this now:

It doesn't look 100% how I wanted but its neat.

Hope, this can be helpful to anyone sometime.