• Adobe RoboHelp Tutorial

Adobe RoboHelp - HTML Help Controls



HTML Help controls help in navigating the content. They are portable and be copied into multiple topics.

Reuse HTML Help Controls

To reuse a HTML Help control, open the topic that contains the control in the Design Editor, right click the control and click Copy. Paste it in the topic that needs the control.

Add WinHelp Topic controls

To add WinHelp topic controls, select a desired location for the WinHelp topic control and from the HTML section of the Insert tab, click on the JavaScript dropdown menu and click on WinHelp Topic.

Add Winhelp

Follow the prompts in the wizard to insert the WinHelp topic control.

Add index and ToC controls (for MS HTML Help)

Index controls can be useful when the project does not support a tri-pane design containing an index tab. To insert an index control, place the cursor in the topic where the index control is desired and from the HTML section of the Insert tab, click on the JavaScript dropdown menu and click on Index.

To add a ToC control, place the cursor in the topic where the ToC control is desired. Then from the HTML section of the Insert tab, click on the JavaScript dropdown menu and click on Table of Contents.

Add Index and ToC

Compile the project to test the index and ToC controls.

Add Splash Screens (for MS HTML Help)

Splash screens can be displayed when the topic opens in the viewer. Bitmap and GIF images can be used for splash screens. To add a splash screen, open the topic for which the splash screen is desired and from the HTML section of the Insert tab, click on the JavaScript dropdown menu and click on Splash Screen.

Add Splash Screens

Select the image file to use for the splash screen. You can also set the duration for which the splash screen is to be displayed by setting the amount of time in the Duration of splash display (Seconds) field.

Splash Display

Click on Finish. Preview the topic to test the splash screen.

Advertisements