How can I have larger icons for expand/collapse toc?

[danielas76169733]

I want to use to expand/collapse icons for toggling the TOC. But when I set custom icons, the icons are pretty small and have always the same size. Even when I try to implement larger icons, the size stays the same. How can I change the size of these icons? An answer would really help me!

Thenk you very much!

[Captiv8r]

HI there

What version of RoboHelp are you using? (10, 11, 2015 Release)

What is your output type? (CHM, WebHelp, FlashHelp, Multiscreen HTML 5, Responsive HTML 5)

Cheers... Rick

[Captiv8r]

Doh!

Sorry, I was mentally in the wrong forum. Apologies. I was thinking RoboHelp.

Cheers... Rick

[Lilybiri]

Default icons can be replaced but size is limited. For that reason I often

switch to a toggle shape button. Look in my blog for the post: 1 action = 5

toggle buttons. A shared action can easily be reused in any project, in

that article even for several buttons.

[Paul Wilson CTDP]

Check out this video tutorial I did awhile back. It may offer you an alternative to using the default TOC expand and collapse icons.

https://www.youtube.com/watch?v=vSRCpeEgY90

[TLCMediaDesign]

The size of the icons is defined. You can change it with this script in the head of the index.html

<script>

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

{

tocBtns = document.getElementsByClassName( 'tocExpandCollapse' );

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

{

  tocBtns[ i ].style.width = 100 + 'px';

  tocBtns[ i ].style.height = 100 + 'px';

} 

});

</script>

This makes them 100 x 100 px;