Skip to main content
M
matt Glomb
Participant
December 30, 2010
Question

Change TOC Style in Robohelp 8.0.2- Webhelp

  • December 30, 2010
  • 1 reply
  • 555 views

Hello,

Essentially what Im trying to do is remove the highlight or focus outline around my toc item when it is clicked. On safari it has a blue border that appears and everywhere else it produces a dotted line around them. I would also like to be able to set a padding, change the font color and style on rollover and normal. My first thought was to add something like this to my style sheet for all cases of <a>, but this isnt cutting the cake.

a {

outline-style: none!important;

-moz-outline-style:none!important;

}

Is this functionality built into the interface or do I need to go edit the javascript file that add/edit these styles? And if so, what file do I need to edit and where?  I did run across this related post, but the reference link in it doesnt work. http://forums.adobe.com/thread/690847?tstart=0

Also my javacript skills arent super strong, so I could use some thorough instructions if possible

Thanks for your help

    This topic has been closed for replies.

    1 reply

    M
    matt GlombAuthor
    Participant
    December 30, 2010

    Well, I figured since I struggled with this I would help peoples out with the easiest solution I could find.

    Theres 2 locations that should be adressed when trying to edit the your Table of Content styles manually via javascript.

    whtdhtml.htm:

    For editing the color, underline, font, font size... setting are under "setFont" for normal and hover states.

    whthost.js

    For the background box size when selected, you can add padding. Also to remove the ugly highlighting from clicking on one (focus), you can add the styles inline upon creation within the following code. You can also add whatever else you want into it from here as well. This is located within 2 spots of this file. One for the book, and one for the topic, so you need to change it in 2 places.

    Make sure you make a backup of your files before making changes, and to keep these altered files in a separate location because Robohelp will overwrite them next time you generate your webhelp, hence you will need to overwrite these files every time that you do.

    Hope this helps!

    Peter Grainge
    Community Expert
    Peter GraingeCommunity Expert
    Community Expert
    December 30, 2010

    Thanks for posting back with your solution. Always nice when someone helps in that way.

    See www.grainge.org for RoboHelp and Authoring tips

    @petergrainge

    Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices