Color Coding WebHelp Popups

To color-code your popup hyperlinks, you must add the A.BSSCPopup style class to the style sheet. Once you have created the style, you can use RoboHelp's style sheet editor to change the appearance of popup links.

To open the style sheet in Notepad

1. Open Notepad (Start: Programs: Accessories: Notepad).

2. Choose File: Open and change file types to All Files.

3. Navigate to your project folder.

4. Open the Cascading Style Sheet (.CSS) for your project.

5. Scroll to the bottom of the style sheet and add the following line: A.BSSCPopup
   
   It is not necessary to add attributes in the style sheet, although you could.  In the next topic, you add attributes to the style using RoboHelp's style sheet editor.

6. Save and Close the style sheet and return to RoboHelp.

Note: A.BSSCPopup is a special style class added automatically to WebHelp popup links by RoboHelp. Unfortunately eHelp never added the style to popup links created when using the Insert: Popup command in the WYSIWYG Editor.  

Fortunately, the style class is added to all popup links automatically by RoboHelp when you generate WebHelp -- so why no use it?

Adding Attributes to the BSSCPopup Class in RoboHelp

To update the style, open your RoboHelp HTML project.

1. Open the Style Sheets folder on the Project Manager.

2. Open your style sheet in the Styles editor.
   
   The style class appears in the list of styles.  Note the description shows the style is based on a hyperlink (<A>) or anchor.

3. Click Modify and change the Font Color to green (green is a good choice since Microsoft uses green for their popups).

4. Close the Styles editor and click Save All.

Note: Popup links do not automatically change color in the WYSIWYG Editor. You must add the style class to each hyperlink manually in TrueCode (see next topic), and you will learn an easy way to make the changes in a later topic.

Next, Adding Style Classes to Popup Hyperlinks