WebHelp Toolbar Buttons that Show and Hide the Navigation Pane
Submitted by Willam van Weelden on August 1, 2012 - 18:03
In WebHelp, the buttons for the TOC, index, search and glossary will only make the navigation pane visible: When the TOC is already opened, clicking the TOC button again will not hide the TOC. With the attached script you can create buttons that will show and hide the navigation pane based on the opened pane. For example: You click the TOC button to open the TOC. Click the TOC button again and the navigation pane will be hidden.
A special thanks goes to Abbey Schulz who helped setting the requirements and helped testing.
Follow these steps to set up your buttons:
- Open the skin editor.
Create a new button, call it
ShowHide TOC. You can set any text or image as you see fit.
On the action tab of the new button, add the following code in the OnClick field:
- Now style the button any way you want.
- Save the skin.
- Go to the SSL properties and select your four (or less) custom buttons AND the default buttons. If you want to have a TOC, select both the custom TOC button and the default TOC button.
- Save you SSL settings.
- Generate the layout.
- Go to your output and open whskin_tbars.htm in Notepad or another text editor.
- Search for addButton( in the bottom of the file. The default buttons are the function calls with the first variables set to toc, idx, fts and glo.
Comment out the default buttons that you want replace by your custom buttons. You comment those buttons out by adding
//in front of the function call.
- Save your changes.
The code in the file will look something like:
//addButton("toc",BTN_TEXT|BTN_IMG,"Contents","","","","",0,0,"17_help.png","17_help.png","","17_help.png","",""); addButton("searchform",BTN_TEXT,"","","","","",0,0,"","","","","",""); addButton("custom19953",BTN_TEXT|BTN_IMG,"Contents","","setpane('toc');","","",0,0,"16_help.gif","16_help.gif","","16_help.gif","","");