Remove Outline from WebHelp TOC
When you view the TOC of your WebHelp, you may notice a grey dotted border around items in your TOC. This dotted line breaks the look and feel of your custom layout. In order to remove the outline, you need to modify your output files.
- Open whtdhtml.htm in your favourite text editor.
- Add the following code to the
<head>
section of the file:
<style type="text/css"> a { outline: none transparent !important; } <style>
- Save the file. All browsers except Internet Explorer will hide the outline.
- Now open whthost.js in your favourite text editor.
- Find the function
writeBook
. - Find the line:
sHTML+="parent><p><nobr><a id=\""+getBookId(nIdx)+"\" href=\""+sBookRef+"\" onfocus=\"markBook("+nIdx+");\" onclick=\"";
- Add the text
hidefocus=\"true\"
to the link that is created:
sHTML+="parent><p><nobr><a id=\""+getBookId(nIdx)+"\" href=\""+sBookRef+"\" hidefocus=\"true\" onfocus=\"markBook("+nIdx+");\" onclick=\"";
- Find the function
writeAnItem
. - Find the line:
var sHTML="<p><nobr><a id=\""+getItemId(nIdx)+"\" onfocus =\"markItem("+nIdx+");\" onclick=\"markItem("+nIdx+");\""
- Add the text
hidefocus=\"true\"
to the link that is created:
var sHTML="<p><nobr><a id=\""+getItemId(nIdx)+"\" hidefocus=\"true\" onfocus =\"markItem("+nIdx+");\" onclick=\"markItem("+nIdx+");\""
- Save the file. The outline in the TOC is now hidden in all browsers.
- Make a backup of the modified files. You need to add these files to your output every time you generate.