danielas76169733

Participant

Question

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

Forum|Forum|9 years ago
November 19, 2016
3 replies
924 views

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!

This topic has been closed for replies.

Inspiring

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;

Paul Wilson CTDP

Community Expert

Community Expert

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

Paul Wilson, CTDP

Legend

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

Legend

Doh!

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

Cheers... Rick

Legend

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.