Styles and Properties for Skins

Displays the style items that you can modify. This includes "accordion" items (links to navigation elements), controls (buttons), dialogs (windows used for submitting feedback), formats (text contained in navigation links), frames (containers holding the toolbar and navigation elements), index and TOC entries, and toolbar items (e.g., accordion title, search, logo). When you select an item, the relevant properties are shown to the right. If you select one of the style headings (e.g., AccordionItem, Frame, ToolbarItem), as opposed to an item below it, the property values that you set will be applied to all the items below that heading.

Select this option to display the style properties in the appropriate groups (e.g., font properties under "Fonts," border properties under "Borders).

Select this option to display the style properties in alphabetical order.

Select this to set style properties for the bar that opens the browse sequence in the accordion-type navigation pane.

Select this to set style properties for the bar that opens the favorites in the accordion-type navigation pane.

Select this to set style properties for the bar that opens the glossary in the accordion-type navigation pane. This can also be used for HTML Help output.

Select this to set style properties for the container (or tray) that holds buttons for opening the navigation items in the accordion-like structure.

Select this to set style properties for the bar that opens the index in the accordion-type navigation pane.

Select this to set style properties for the bar that opens the MadCap Feedback community-wide recent comments in the accordion-type navigation pane (for WebHelp, WebHelp Plus, and WebHelp AIR). If the user opens the recent comments in another window (HTML Help), this item controls the heading above the recent comments.

Select this to set style properties for the bar that opens the search in the accordion-type navigation pane.

example

Let's say you want to add an image to the background of the Search accordion bar that displays in your WebHelp output.

To do this, you would open your skin, expand the AccordionItem node, and select Search. Then you would expand the Font property group and select a new image file in the BackgroundImage cell.

In the output it might look like this:

Select this to set style properties for the bar that opens the TOC in the accordion-type navigation pane.

Select this to set style properties for the bar that opens the MadCap Feedback community-wide topic comments in the accordion-type navigation pane (for WebHelp, WebHelp Plus, and WebHelp AIR). If the comments are displayed at the bottom of the topic (WebHelp, WebHelp Plus, WebHelp AIR, or HTML Help), this item controls the heading above the topic comments.

Select this to set style properties for the "Add Search to Favorites" button.

Select this to control the look of community-wide comments that are displayed in WebHelp, WebHelp Plus, WebHelp AIR, or HTML Help output.

Select this to control the look of community-wide comment replies that are displayed in WebHelp, WebHelp Plus, WebHelp AIR, or HTML Help output.

Select this to control the look of the button that readers use to add community-wide comments to WebHelp, WebHelp Plus, WebHelp AIR, or HTML Help output.

Select this to control the look of the button that readers use to refresh the list of community-wide comments in WebHelp, WebHelp Plus, WebHelp AIR, or HTML Help output.

Select this to control the look of the button that readers use to reply to community-wide comments in WebHelp, WebHelp Plus, WebHelp AIR, or HTML Help output.

Select this to set style properties for the "Empty Search Favorites" label.

Select this to set style properties for the "Empty Topic Favorites" label.

Select this to set style properties (i.e., add text for a tooltip) for the search field in an index.

Select this to set style properties (i.e., labels to be displayed) for certain messages that people may see when using the search feature in the output (such as messages to display when the search results are loading).

Select this to set style properties for the navigation link that can be added to the bottom of topics in any of the WebHelp outputs (WebHelp, WebHelp Plus, WebHelp AIR). This navigation link will not display unless the output topic is opened as a standalone (outside of the main navigation framework of the Help system). By clicking the link, a user can view the standalone topic in the main navigation framework. See Showing Navigation Links in WebHelp Standalone Topics.

Select this to set style properties for the navigation link that can be added to the top of topics in any of the WebHelp outputs (WebHelp, WebHelp Plus, WebHelp AIR). This navigation link will not display unless the output topic is opened as a standalone (outside of the main navigation framework of the Help system). By clicking the link, a user can view the standalone topic in the main navigation framework. See Showing Navigation Links in WebHelp Standalone Topics.

Select this to set style properties for the "Search" box.

Select this to set style properties for the "Search" button.

Select this to set style properties for the "Search Favorites Delete" button.

Select this to set style properties for the "Search Favorites" label.

Select this to set style properties for the "Search Filters" label.

Select this to set style properties (e.g., rank and title labels, font settings) for the results pane that a user sees when performing a search.

Select this to set style properties (i.e., label) for the search field that is displayed in the output when a search filter set has been added to the project. The label that you enter will display in the field if nothing has been selected from the field.

Select this to set style properties for the "Topic Favorites Delete" button.

Select this to set style properties for the "Topic Favorites" label.

Select this to control the text and look of the dialog that readers use to submit community-wide comments in WebHelp, WebHelp Plus, WebHelp AIR, or HTML Help output.

Select this to control the text and look of the dialog that readers use to submit topic ratings and author-only comments in the output in WebHelp, WebHelp Plus, WebHelp AIR, or HTML Help output.

Select this to control the text and look of the dialog that readers use to register in order to submit community-wide comments in WebHelp, WebHelp Plus, WebHelp AIR, or HTML Help output.

Select this to control the text and look of the dialog that readers use to reply to community-wide comments in WebHelp, WebHelp Plus, WebHelp AIR, or HTML Help output.

Select the Address items (1 through 4) to set style properties for address fields added to the Create Feedback Service Profile dialog. See Specifying Fields for the Create Feedback Service Profile dialog.

Select this to set style properties for a birthdate field added to the Create Feedback Service Profile dialog. See Specifying Fields for the Create Feedback Service Profile dialog.

Select this to set style properties for a city field added to the Create Feedback Service Profile dialog. See Specifying Fields for the Create Feedback Service Profile dialog.

Select this to set style properties for a country field added to the Create Feedback Service Profile dialog. See Specifying Fields for the Create Feedback Service Profile dialog.

Select the Custom items (1 through 10) to set style properties for custom fields added to the Create Feedback Service Profile dialog. You can use the custom fields for any kind of field not already available. To enter a new text label to replace the word "Custom," you can expand the "Basic" property group to the right and modify the "Label" property. See Specifying Fields for the Create Feedback Service Profile dialog.

Select this to set style properties for a date field added to the Create Feedback Service Profile dialog. See Specifying Fields for the Create Feedback Service Profile dialog.

Select this to set style properties for a department field added to the Create Feedback Service Profile dialog. See Specifying Fields for the Create Feedback Service Profile dialog.

Select this to set style properties for the email address field in the Create Feedback Service Profile dialog. See Specifying Fields for the Create Feedback Service Profile dialog.

Select this to set style properties for an employer field added to the Create Feedback Service Profile dialog. See Specifying Fields for the Create Feedback Service Profile dialog.

Select this to set style properties for a fax field added to the Create Feedback Service Profile dialog. See Specifying Fields for the Create Feedback Service Profile dialog.

Select this to set style properties for a "first name" field added to the Create Feedback Service Profile dialog. See Specifying Fields for the Create Feedback Service Profile dialog.

Select this to set style properties for a gender field added to the Create Feedback Service Profile dialog. See Specifying Fields for the Create Feedback Service Profile dialog.

Select this to set style properties for a "last name" field added to the Create Feedback Service Profile dialog. See Specifying Fields for the Create Feedback Service Profile dialog.

Select this to set style properties for a "middle name" field added to the Create Feedback Service Profile dialog. See Specifying Fields for the Create Feedback Service Profile dialog.

Select this to set style properties for an occupation field added to the Create Feedback Service Profile dialog. See Specifying Fields for the Create Feedback Service Profile dialog.

Select the Phone items (1 through 3) to set style properties for telephone number fields added to the Create Feedback Service Profile dialog. See Specifying Fields for the Create Feedback Service Profile dialog.

Select this to set style properties for a postal code field added to the Create Feedback Service Profile dialog. See Specifying Fields for the Create Feedback Service Profile dialog.

Select this to set style properties for a state field added to the Create Feedback Service Profile dialog. See Specifying Fields for the Create Feedback Service Profile dialog.

Select this to set style properties for the user name field in the Create Feedback Service Profile dialog. See Specifying Fields for the Create Feedback Service Profile dialog.

Select this to set style properties for text contained in navigation links (e.g., context-sensitive cross-references, breadcrumbs, concept links).

Select this to set style properties for the frame of the browse sequence in the accordion-type navigation pane.

Select this to set style properties for the frame of the favorites in the accordion-type navigation pane.

Select this to set style properties for the frame of the glossary in the accordion-type navigation pane.

Select this to set style properties for the frame of the index in the accordion-type navigation pane.

Select this to set style properties for the frame of the recent community-wide comments in the accordion-type navigation pane (for WebHelp, WebHelp Plus, or WebHelp AIR).

Select this to set style properties for the frame of the search in the accordion-type navigation pane.

Select this to set style properties for the frame of the TOC in the accordion-type navigation pane.

Select this to set style properties for the frame of the community-wide topic comments in the accordion-type navigation pane (for WebHelp, WebHelp Plus, or WebHelp AIR).

Select this to set style properties for the area at the bottom of the topic displaying community-wide topic comments in WebHelp, WebHelp Plus, WebHelp AIR, or HTML Help output.

Select this to set style properties for the divider between the active navigation feature and the navigation bars. Users can click the handle of this divider and drag it to adjust the space in the navigation pane.

example

Let's say you want to add an image to the background of the navigation drag handle that displays in your WebHelp output.

To do this, you would open your skin, expand the Frame node, and select NavigationDragHandle. Then you would expand the Basic property group and select a new image file in the BackgroundImage cell.

In the output it might look like this:

Select this to set style properties for the top edge of the navigation pane.

example

Let's say you want to add an image to the background of the navigation divider that displays in your WebHelp output.

To do this, you would open your skin, expand the Frame node, and select NavigationTopDivider. Then you would expand the Basic property group and select a new image file in the BackgroundImage cell.

In the output it might look like this:

Select this to set style properties for the frame of the recent community-wide comments (for HTML Help).

Select this to set style properties for the container (or frame) that holds the toolbar.

example

Let's say you want to add an image to the background of the frame toolbar in your WebHelp output.

To do this, you would open your skin, expand the Frame node, and select Toolbar. Then you would expand the Basic property group and select a new image file in the BackgroundImage cell.

In the output it might look like this:

Select this to set style properties for the container (or frame) that holds the topic toolbar. For more information about topic toolbars, see Specifying Custom Settings for Topic Toolbars and Inserting Topic Toolbar Proxies.

Select this to set style properties for the actual index entries in the navigation pane. This includes the ability to change the default "See" and "See Also" labels for index links in HTML Help and the WebHelp outputs (WebHelp, WebHelp Plus, or WebHelp AIR).

Select this to set style properties for the popup that displays when a user clicks an index entry that links to multiple topics. You can change properties such as font and hover settings. This is to be used for WebHelp outputs (WebHelp, WebHelp Plus, or WebHelp AIR).

Select this to set style properties for the area that displays "concept" links generated from a relationship table. For more information, see About Relationship Tables.

Select this to set style properties for the area that displays "reference" links generated from a relationship table. For more information, see About Relationship Tables.

Select this to set style properties for the area that displays "task" links generated from a relationship table. For more information, see About Relationship Tables.

Select this to set style properties for the actual TOC entries in the navigation pane.

Select this to set style properties for the title of the element (e.g., TOC, Index, Search) that is displayed at the top of the accordion-type navigation pane.

Select this to set style properties for the "Add Topic to Favorites" button that you can add to a customized toolbar.

Select this to set style properties for the "Back" button that you can add to a customized toolbar.

Select this to set style properties for the "Collapse All" button that you can add to a customized toolbar.

Select this to set style properties for the "Current Topic Index" display that you can add to a customized toolbar. The label property can be formatted like this: {n} is used to show the current topic index and {total} is used to show the total number of topics in the sequence.

Select this to set style properties for the "Edit Profile" button that readers can use to edit their Feedback registration profiles.

Select this to set style properties for the "Expand All" button that you can add to a customized toolbar.

Select this to set style properties for the "Forward" button that you can add to a customized toolbar.

Select this to set style properties for the "Home" button that you can add to a customized toolbar.

Select this to set style properties for the logo that is displayed in the toolbar of the output window.

Select this to set style properties for the "Next Topic" button that you can add to a customized toolbar.

Select this to set style properties for the "Previous Topic" button that you can add to a customized toolbar.

Select this to set style properties for the "Print" button that you can add to a customized toolbar. This button lets users open the Print dialog so that they can send the open topic to the printer.

Select this to set style properties for the "Search" feature that you can add to a customized toolbar. This feature lets users enter text to perform a quick search in the open topic.

Select this to set style properties for the "Refresh" button that you can add to a customized toolbar.

Select this to set style properties for the "Remove Highlight" button that you can add to a customized toolbar. After a user performs a quick search in a topic, the search text found in the topic is highlighted. This button lets users turn the highlights off.

Select this to set style properties for the "Select Browse Sequence" button that you can add to a customized toolbar.

Select this to set style properties for the "Select Favorites" button that you can add to a customized toolbar.

Select this to set style properties for the "Select Glossary" button that you can add to a customized toolbar.

Select this to set style properties for the "Select Index" button that you can add to a customized toolbar.

Select this to set style properties for the "Select Recent Comments" button that you can add to a customized toolbar.

Select this to set style properties for the "Select Search" button that you can add to a customized toolbar.

Select this to set style properties for the "Select TOC" button that you can add to a customized toolbar.

Select this to set style properties for the "Select Topic Comments" button that you can add to a customized toolbar.

Select this to set style properties for the divider between the toolbar buttons and the navigation pane.

Select this to set style properties for the "Stop" button that you can add to a customized toolbar.

Select this to set style properties for the "Toggle Navigation Pane" button that you can add to a customized toolbar. This button lets users toggle between hiding and showing the navigation pane in the output window.

Sets the background color for the style item. Click the down arrow to open a color palette window. You can click a color shown, or you can click More colors and select a different color or create a custom color.

Applies a color progression effect to the background for the style item. The background changes from one color to another. Click the down arrow to open a small window. In this window, click the down arrow next to the Start field and select a color to use at the beginning of the gradient. Then click the down arrow next to the End field and select the color to use at the end of the gradient. Finally, click the down arrow next to the Style field and select a direction for the gradient effect (Forward Diagonal, Backward Diagonal, Horizontal, Vertical, or Solid). Click OK to accept the settings. When you click off the properties field, a small icon is displayed in the field, showing how the effect will look.

Applies a color progression effect to the background for the style item. The effect is displayed when a user hovers over the style item in the output. The background changes from one color to another. Click the down arrow to open a small window. In this window, click the down arrow next to the Start field and select a color to use at the beginning of the gradient. Then click the down arrow next to the End field and select the color to use at the end of the gradient. Finally, click the down arrow next to the Style field and select a direction for the gradient effect (Forward Diagonal, Backward Diagonal, Horizontal, Vertical, or Solid). Click OK to accept the settings. When you click off the properties field, a small icon is displayed in the field, showing how the effect will look.

Applies an image to the background for the style item. Click the down arrow in this field and then select Browse for Image to find and select an image file.

example

Let's say you want to add an image to the background of the frame toolbar in your WebHelp output.

To do this, you would open your skin, expand the Frame node, and select Toolbar. Then you would expand the Basic property group and select a new image file in the BackgroundImage cell.

In the output it might look like this:

Applies an image to the background for the style item. The image is displayed in the output when that element is clicked. Click the down arrow in this field and then select Browse for Image to find and select an image file.

Lets you enter text that displays on the "Cancel" button in the Feedback dialogs that readers use to add comments, add ratings, register, or reply to comments in WebHelp, WebHelp Plus, WebHelp AIR, or HTML Help output.

Displays an image when users click the "Toggle Navigation Pane" button. The purpose of the image is to tell the user that the button is in the "checked" state.

Lets you enter default text for a field. When the end user first sees the field, it will initially have the text that you provide.

Lets you select an image to use in the Feedback topic ratings button (by default the button displays five stars). This image represents the area of the button that is not rated (e.g., if readers give the topic "two out of five stars," this image fills the space of the three empty stars). Click the down arrow in this field and then select Browse for Image to find and select an image file.

Lets you select an image to use in the Feedback topic ratings button (by default the button displays five stars). This image represents the area of the button that has been rated completely (e.g., if readers give the topic "two out of five stars," this image fills the space of the two stars). Click the down arrow in this field and then select Browse for Image to find and select an image file.

Lets you enter text for the female option in the Feedback Register User dialog (the dialog that readers use when registering to enter comments in your output). The default is "Female." You might use this option to localize the text in other languages.

Lets you enter text for the male option in the Feedback Register User dialog (the dialog that readers use when registering to enter comments in your output). The default is "Male." You might use this option to localize the text in other languages.

Lets you select an image to use in the Feedback topic ratings button (by default the button displays five stars). This image represents the area of the button that has been rated partially (e.g., if readers give the topic "two and a half out of five stars," this image fills the space of the half star). Click the down arrow in this field and then select Browse for Image to find and select an image file.

Adjusts the height of the item.

Lets you find and select an image to use for the hover icon (i.e., the icon displayed when the mouse hovers over the feature).

Adds an image next to the style item (e.g., navigation element link in the accordion-type pane). Click the down arrow in this field and then select Browse for Image to find and select an image file.

Lets you enter text that displays when an invalid search is performed.

example

If a user wants to search for "topics and images," but does not enter the search string correctly (e.g., entering "topics and," leaving off the second term), an invalid token will result.

Replaces the label text of the style item (e.g., navigation element link in the accordion-type pane).

example

If you want to change the "TOC" label to "Contents," click in this field and type Contents.

For the "ToolbarItem/CurrentTopicIndex" style, the label property can be formatted like this: {n} is used to show the current topic index and {total} is used to show the total number of topics in the sequence.

Lets you enter text that displays for the user when the search pane is loading data.

Lets you enter alternate text that displays for the user when the search pane is loading data. This field can be used to describe the image being loaded (for Section 508 compliance).

Lets you enter text that displays when no topics are found in a search.

Lets you find and select an image to use for the pressed icon (i.e., the icon displayed when the feature is clicked).

Lets you change the message that displays when the "Quick Search" feature is disabled in external topics. The default message is “Quick search is disabled in external topics.” You can modify the message to say whatever you want, or to localize it for your audience.

Lets you change the message informing users that the "Quick Search" feature is disabled in Internet Explorer 5.5 (due to limitations with that browser). You can modify the message to say whatever you want, or to localize it for your audience.

Lets you enter text that displays at the top of the column used to display the ranking of topics found after a search.

Lets you select true if you want the field to be required (i.e., the end user must complete the field in order to move on).

Lets you change the message informing users that the "Search Highlight Removal" feature is disabled in Internet Explorer 5.5 (due to limitations with that browser). You can modify the message to say whatever you want, or to localize it for your audience.

Sets the color of the shadow behind the Feedback dialogs that readers use to add comments, add ratings, register, or reply to comments in WebHelp, WebHelp Plus, WebHelp AIR, or HTML Help output. Click the down arrow to open a color palette window. You can click a color shown, or you can click More colors and select a different color or create a custom color.

Sets the width of the shadow behind the Feedback dialogs that readers use to add comments, add ratings, register, or reply to comments in WebHelp, WebHelp Plus, WebHelp AIR, or HTML Help output. Click in the field and enter a measurement (e.g., 18px). See About Units of Measurement.

Sets the amount of transparency for the shadow behind the Feedback dialogs that readers use to add comments, add ratings, register, or reply to comments in WebHelp, WebHelp Plus, WebHelp AIR, or HTML Help output. Click in the field and enter a number from 1 and 100 to specify the percentage of opacity. The smaller the number, the more transparent the shadow will be.

Lets you enter text that displays on the "Submit" button in the Feedback dialogs that readers use to add comments, add ratings, register, or reply to comments in WebHelp, WebHelp Plus, WebHelp AIR, or HTML Help output.

Lets you select the position of label text for a button (if you have added a label) in relation to the image on the button. You can select any of the following:

• ImageAboveText This displays the button image on top of the label text.
• ImageBeforeText This displays the button image to the left of the label text.
• Overlay This displays the label text and the button image in the same space.
• TextAboveImage This displays the label text on top of the button image.
• TextBeforeImage This displays the label text to the left of the button image.

example

Let's say you want to add the text "Expand All" to the right of that button in the WebHelp toolbar, with a font size of 7 points. Furthermore, you want to add a background gradient that shows red in the upper-left corner and moving to white in the lower-right corner. Finally, you want to add 20 pixels of padding to the left of the Expand All image and label text.

In that case, you would set the following in your skin:

When you generate the output, it would look like this:

Lets you enter text that displays at the top of the column used to display the names of topics found after a search.

Lets you enter a text tip that displays when a user hovers the mouse over the item. For example, if you have added a "Home" button for the output, you can create a tool tip that displays the URL for the button (such as your company's website). You can enter "none" to remove a tooltip from an item.

Sets the font color for the comment text that a user enters when submitting a community-wide comment. Click the down arrow to open a color palette window. You can click a color shown, or you can click More colors and select a different color or create a custom color.

Sets the font family (e.g., Arial, Tahoma) for the comment text that a user enters when submitting a community-wide comment. After you click in the field, the Font Family Picker dialog opens. Use this dialog to select the font family and click OK.

Sets the font size for the comment text that a user enters when submitting a community-wide comment. Click the down arrow to open a small window. In this window, you can enter the size of the font in the lower-left field (either type a number or use the up and down arrows). You can select the unit of measurement (e.g., pixels, points, centimeters) using the lower-right drop-down arrow. See About Units of Measurement. You can return to the default setting by using the upper-right drop-down arrow.

Sets the style of the font for the comment text that a user enters when submitting a community-wide comment. Click the down arrow and select either italic or normal.

Sets the weight of the font for the comment text that a user enters when submitting a community-wide comment. Click the down arrow and select either bold or normal.

Sets the bottom border of the style item (e.g., navigation element link in the accordion-type pane). Click the down arrow to open a small window. In this window, you can enter the width of the border in the lower-left field. You can select the unit of measurement (e.g., pixels, points, centimeters) using the lower-left drop-down arrow. See About Units of Measurement. You can select a color for the border using the upper-right drop-down arrow. And you can select the type of line for the border (e.g., solid, dashed, dotted) using the lower-right drop-down arrow.

Sets the bottom border of the style item (e.g., navigation element link in the accordion-type pane). The effect is displayed when a user hovers over the style item in the output. Click the down arrow to open a small window. In this window, you can enter the width of the border in the lower-left field. You can select the unit of measurement (e.g., pixels, points, centimeters) using the lower-left drop-down arrow. See About Units of Measurement. You can select a color for the border using the upper-right drop-down arrow. And you can select the type of line for the border (e.g., solid, dashed, dotted) using the lower-right drop-down arrow.

Sets the left border of the style item (e.g., navigation element link in the accordion-type pane). Click the down arrow to open a small window. In this window, you can enter the width of the border in the lower-left field. You can select the unit of measurement (e.g., pixels, points, centimeters) using the lower-left drop-down arrow. See About Units of Measurement. You can select a color for the border using the upper-right drop-down arrow. And you can select the type of line for the border (e.g., solid, dashed, dotted) using the lower-right drop-down arrow.

Sets the left border of the style item (e.g., navigation element link in the accordion-type pane). The effect is displayed when a user hovers over the style item in the output. Click the down arrow to open a small window. In this window, you can enter the width of the border in the lower-left field. You can select the unit of measurement (e.g., pixels, points, centimeters) using the lower-left drop-down arrow. See About Units of Measurement. You can select a color for the border using the upper-right drop-down arrow. And you can select the type of line for the border (e.g., solid, dashed, dotted) using the lower-right drop-down arrow.

Sets the right border of the style item (e.g., navigation element link in the accordion-type pane). Click the down arrow to open a small window. In this window, you can enter the width of the border in the lower-left field. You can select the unit of measurement (e.g., pixels, points, centimeters) using the lower-left drop-down arrow. See About Units of Measurement. You can select a color for the border using the upper-right drop-down arrow. And you can select the type of line for the border (e.g., solid, dashed, dotted) using the lower-right drop-down arrow.

Sets the right border of the style item (e.g., navigation element link in the accordion-type pane). The effect is displayed when a user hovers over the style item in the output. Click the down arrow to open a small window. In this window, you can enter the width of the border in the lower-left field. You can select the unit of measurement (e.g., pixels, points, centimeters) using the lower-left drop-down arrow. See About Units of Measurement. You can select a color for the border using the upper-right drop-down arrow. And you can select the type of line for the border (e.g., solid, dashed, dotted) using the lower-right drop-down arrow.

Sets the top border of the style item (e.g., navigation element link in the accordion-type pane). Click the down arrow to open a small window. In this window, you can enter the width of the border in the lower-left field. You can select the unit of measurement (e.g., pixels, points, centimeters) using the lower-left drop-down arrow. See About Units of Measurement. You can select a color for the border using the upper-right drop-down arrow. And you can select the type of line for the border (e.g., solid, dashed, dotted) using the lower-right drop-down arrow.

Sets the top border of the style item (e.g., navigation element link in the accordion-type pane). The effect is displayed when a user hovers over the style item in the output. Click the down arrow to open a small window. In this window, you can enter the width of the border in the lower-left field. You can select the unit of measurement (e.g., pixels, points, centimeters) using the lower-left drop-down arrow. See About Units of Measurement. You can select a color for the border using the upper-right drop-down arrow. And you can select the type of line for the border (e.g., solid, dashed, dotted) using the lower-right drop-down arrow.

Sets the text to be used before breadcrumbs in online output (e.g., "You are here").

Sets the text to be used on concept link buttons in online output (e.g., "See Also").

Sets the cross-reference text to be used if the destination appears on the same page, above the cross-reference link.

Sets the cross-reference text to be used if the destination appears on the same page, below the cross-reference link.

Sets the cross-reference format to be used for online outputs. Simply click in the cell and edit the format.

This field not only contains text, but it also contains a format commands in brackets—{paratext}, which aumatically displays the text of the destination where the cross-reference points. For a list of commands that you can use, see Editing Cross-Reference Style Formats.

Sets the cross-reference format to be used for print-based outputs. Simply click in the cell and edit the format.

This field not only contains text, but it also contains a format commands in brackets—{paratext}, which aumatically displays the text of the destination where the cross-reference points. For a list of commands that you can use, see Editing Cross-Reference Style Formats.

Sets the cross-reference text to be used if the destination appears on the next page, after the cross-reference link (if the cross-reference link is on an even page and the destination is on an odd page).

Sets the cross-reference text to be used if the destination appears more than one page away from the cross-reference link. The specific page number will be referenced.

Sets the cross-reference text to be used if the destination appears on the next page, after the cross-reference link (if the cross-reference link is on an odd page and the destination is on an even page).

Sets the cross-reference text to be used if the destination appears on the previous page, before the cross-reference link.

Sets the background color of the font for the style item. Click the down arrow to open a color palette window. You can click a color shown, or you can click More colors and select a different color or create a custom color.

Applies a color progression effect to the background of the font for the style item. The background changes from one color to another. Click the down arrow to open a small window. In this window, click the down arrow next to the Start field and select a color to use at the beginning of the gradient. Then click the down arrow next to the End field and select the color to use at the end of the gradient. Finally, click the down arrow next to the Style field and select a direction for the gradient effect (Forward Diagonal, Backward Diagonal, Horizontal, Vertical, or Solid). Click OK to accept the settings. When you click off the properties field, a small icon is displayed in the field, showing how the effect will look.

Applies a color progression effect to the background of the font for the style item. The effect is displayed when a user hovers over the style item in the output. The background changes from one color to another. Click the down arrow to open a small window. In this window, click the down arrow next to the Start field and select a color to use at the beginning of the gradient. Then click the down arrow next to the End field and select the color to use at the end of the gradient. Finally, click the down arrow next to the Style field and select a direction for the gradient effect (Forward Diagonal, Backward Diagonal, Horizontal, Vertical, or Solid). Click OK to accept the settings. When you click off the properties field, a small icon is displayed in the field, showing how the effect will look.

Applies a color progression effect to the background of the font for the style item. The effect is displayed when a user clicks the style item in the output. The background changes from one color to another. Click the down arrow to open a small window. In this window, click the down arrow next to the Start field and select a color to use at the beginning of the gradient. Then click the down arrow next to the End field and select the color to use at the end of the gradient. Finally, click the down arrow next to the Style field and select a direction for the gradient effect (Forward Diagonal, Backward Diagonal, Horizontal, Vertical, or Solid). Click OK to accept the settings. When you click off the properties field, a small icon is displayed in the field, showing how the effect will look.

Applies an image to the background for the style item. Click the down arrow in this field and then select Browse for Image to find and select an image file.

example

Let's say you want to add an image to the background of the Search accordion bar that displays in your WebHelp output.

To do this, you would open your skin, expand the AccordionItem node, and select Search. Then you would expand the Font property group and select a new image file in the BackgroundImage cell.

In the output it might look like this:

Applies an image to the background for the style item. The image is displayed in the output when the end user hovers his or her cursor over the element. Click the down arrow in this field and then select Browse for Image to find and select an image file.

Sets the font color for the style item. Click the down arrow to open a color palette window. You can click a color shown, or you can click More colors and select a different color or create a custom color.

Sets the font family (e.g., Arial, Tahoma) for the style item. After you click in the field, the Font Family Picker dialog opens. Use this dialog to select the font family and click OK.

Sets the size of the font for the style item. Click the down arrow to open a small window. In this window, you can enter the size of the font in the lower-left field (either type a number or use the up and down arrows). You can select the unit of measurement (e.g., pixels, points, centimeters) using the lower-right drop-down arrow. See About Units of Measurement. You can return to the default setting by using the upper-right drop-down arrow.

Sets the style of the font for the style item. Click the down arrow and select either italic or normal.

Sets the weight of the font for the style item. Click the down arrow and select either bold or normal.

Sets the height of the item holding the font in the style item (e.g., the container holding the navigation element link in the accordion-type pane). Click the down arrow to open a small window. In this window, you can enter the item height in the lower-left field (either type a number or use the up and down arrows). You can select the unit of measurement (e.g., pixels, points, centimeters) using the lower-right drop-down arrow. You can return to the default setting by using the upper-right drop-down arrow.

Sets the padding below the style item. Click the down arrow to open a small window. In this window, you can enter the amount of padding in the lower-left field (either type a number or use the up and down arrows). You can select the unit of measurement (e.g., pixels, points, centimeters) using the lower-right drop-down arrow. See About Units of Measurement. You can return to the default setting by using the upper-right drop-down arrow.

Sets the padding on the left side of the style item. Click the down arrow to open a small window. In this window, you can enter the amount of padding in the lower-left field (either type a number or use the up and down arrows). You can select the unit of measurement (e.g., pixels, points, centimeters) using the lower-right drop-down arrow. See About Units of Measurement. You can return to the default setting by using the upper-right drop-down arrow.

Sets the padding on the right side of the style item. Click the down arrow to open a small window. In this window, you can enter the amount of padding in the lower-left field (either type a number or use the up and down arrows). You can select the unit of measurement (e.g., pixels, points, centimeters) using the lower-right drop-down arrow. See About Units of Measurement. You can return to the default setting by using the upper-right drop-down arrow.

Sets the padding above the style item. Click the down arrow to open a small window. In this window, you can enter the amount of padding in the lower-left field (either type a number or use the up and down arrows). You can select the unit of measurement (e.g., pixels, points, centimeters) using the lower-right drop-down arrow. See About Units of Measurement. You can return to the default setting by using the upper-right drop-down arrow.

Sets the background color for the frame that displays community-wide comments. Click the down arrow to open a color palette window. You can click a color shown, or you can click More colors and select a different color or create a custom color.

Sets the bottom border for the heading of the frame that displays community-wide comments. Click the down arrow to open a small window. In this window, you can enter the width of the border in the lower-left field. You can select the unit of measurement (e.g., pixels, points, centimeters) using the lower-left drop-down arrow. See About Units of Measurement. You can select a color for the border using the upper-right drop-down arrow. And you can select the type of line for the border (e.g., solid, dashed, dotted) using the lower-right drop-down arrow.

Sets the left border for the heading of the frame that displays community-wide comments. Click the down arrow to open a small window. In this window, you can enter the width of the border in the lower-left field. You can select the unit of measurement (e.g., pixels, points, centimeters) using the lower-left drop-down arrow. See About Units of Measurement. You can select a color for the border using the upper-right drop-down arrow. And you can select the type of line for the border (e.g., solid, dashed, dotted) using the lower-right drop-down arrow.

Sets the right border for the heading of the frame that displays community-wide comments. Click the down arrow to open a small window. In this window, you can enter the width of the border in the lower-left field. You can select the unit of measurement (e.g., pixels, points, centimeters) using the lower-left drop-down arrow. See About Units of Measurement. You can select a color for the border using the upper-right drop-down arrow. And you can select the type of line for the border (e.g., solid, dashed, dotted) using the lower-right drop-down arrow.

Sets the top border for the heading of the frame that displays community-wide comments. Click the down arrow to open a small window. In this window, you can enter the width of the border in the lower-left field. You can select the unit of measurement (e.g., pixels, points, centimeters) using the lower-left drop-down arrow. See About Units of Measurement. You can select a color for the border using the upper-right drop-down arrow. And you can select the type of line for the border (e.g., solid, dashed, dotted) using the lower-right drop-down arrow.

Sets the font color for the heading of the frame that displays community-wide comments. Click the down arrow to open a color palette window. You can click a color shown, or you can click More colors and select a different color or create a custom color.

Sets the font family (e.g., Arial, Tahoma) for the heading of the frame that displays community-wide comments. After you click in the field, the Font Family Picker dialog opens. Use this dialog to select the font family and click OK.

Sets the size of the font for the heading of the frame that displays community-wide comments. Click the down arrow to open a small window. In this window, you can enter the size of the font in the lower-left field (either type a number or use the up and down arrows). You can select the unit of measurement (e.g., pixels, points, centimeters) using the lower-right drop-down arrow. See About Units of Measurement. You can return to the default setting by using the upper-right drop-down arrow.

Sets the style of the font for the heading of the frame that displays community-wide comments. Click the down arrow and select either italic or normal.

Sets the weight of the font for the heading of the frame that displays community-wide comments. Click the down arrow and select either bold or normal.

Lets you enter text for the heading of the frame that displays community-wide comments.

Sets the background color of the hover font for the style item. Click the down arrow to open a color palette window. You can click a color shown, or you can click More colors and select a different color or create a custom color.

Sets the font color for the hover effect on the style item. Click the down arrow to open a color palette window. You can click a color shown, or you can click More colors and select a different color or create a custom color.

Sets the font family (e.g., Arial, Tahoma) for the hover effect on the style item. After you click in the field, the Font Family Picker dialog opens. Use this dialog to select the font family and click OK.

Sets the size of the font on the hover effect for the style item. Click the down arrow to open a small window. In this window, you can enter the size of the font in the lower-left field (either type a number or use the up and down arrows). You can select the unit of measurement (e.g., pixels, points, centimeters) using the lower-right drop-down arrow. See About Units of Measurement. You can return to the default setting by using the upper-right drop-down arrow.

Sets the style of the font on the hover effect for the style item. Click the down arrow and select either italic or normal.

Sets the weight of the font on the hover effect for the style item. Click the down arrow and select either bold or normal.

Sets the text to be used on keyword link buttons in online output (e.g., "Search Index").

Lets you enter text for the Average Rating field in the dialog that readers use when submitting topic ratings.

Lets you enter text for the Comment field in the dialog that readers use when submitting author-only comments, submitting community-wide comments, or replying to community-wide comments.

Lets you enter text for the Country field in the dialog that readers use when registering to enter comments in your output.

Lets you enter text for the Email Address field in the dialog that readers use when registering to enter comments in your output.

Lets you enter text for the First Name field in the dialog that readers use when registering to enter comments in your output.

Lets you enter text for the Gender field in the Feedback Register User dialog (the dialog that readers use when registering to enter comments in your output).

Lets you enter text for the female option in the Feedback Register User dialog (the dialog that readers use when registering to enter comments in your output). The default is "Female." You might use this option to localize the text in other languages.

Lets you enter text for the male option in the Feedback Register User dialog (the dialog that readers use when registering to enter comments in your output). The default is "Male." You might use this option to localize the text in other languages.

Lets you enter text for the Last Name field in the dialog that readers use when registering to enter comments in your output.

Lets you enter text for the Original Comment field in the dialog that readers use when replying to community-wide comments.

Lets you enter text for the Postal Code field in the dialog that readers use when registering to enter comments in your output.

Lets you enter text to change the default text for "See" index links in HTML Help and the WebHelp outputs (WebHelp, WebHelp Plus, or WebHelp AIR).

Lets you enter text to change the default text for "See Also" index links in HTML Help and the WebHelp outputs (WebHelp, WebHelp Plus, or WebHelp AIR).

Lets you enter text for the Subject field in the dialog that readers use when submitting community-wide comments or replying to community-wide comments.

Lets you enter text for the User Name field in the dialog that readers use when registering to enter comments in your output.

Lets you enter text for the Your Rating field in the dialog that readers use when submitting topic ratings.

Lets you replace the default text that users see when a Feedback comment exceeds the allowable length. The term "{n}" is replaced by the number of characters that the comment has exceeded.

Lets you replace the default text that users see in the dialog when updating their profiles, which are used when registering to enter comments in your output. If you do not enter text, the default is used. The default text is as follows: You must create a user profile to post comments to this help system. Please fill in the information below. An email will be sent to the address you provide. Please follow the instructions in the email to complete activation.

Lets you replace the default text that users see in the dialog when they fail to complete a required field in the Create Feedback Service Profile dialog. If you do not enter text, the default is used. The default text is as follows: Please enter a value for: [name of field].

Lets you replace the default text that users see in the dialog when registering to enter comments in your output. If you do not enter text, the default is used. The default text is as follows: You must create a user profile to post comments to this help system. Please fill in the information below. An email will be sent to the address you provide. Please follow the instructions in the email to complete activation.

Lets you replace the default text that users see in the popup message when registering to enter comments in your output. If you do not enter text, the default is used. The default text is as follows: Your information has been sent to MadCap Software. When the information has been processed, you will receive an email with a link to a verification page. Click this link, or copy and paste the link into your Web browser to complete the registration.

Lets you replace the default text that users see in the popup message note when registering to enter comments in your output. If you do not enter text, the default is used. The default text is as follows: NOTE: Some service providers have email filtering software that may cause the notification email to be sent to your junk email folder. If you do not receive a notification email, please check this folder to see if it has been sent there.

Lets you replace the default text that users see in the dialog when they successfully update their Feedback comment profiles. If you do not enter text, the default is used. The default text is as follows: Your profile was updated successfully!

Lets you replace the default text that users see at the beginning of the email notification check boxes in the Create Feedback Service Profile dialog. If you do not enter text, the default is used. The default text is as follows: E-mail Notifications

Lets you replace the default text that users see after the group label, just above the email notification check boxes in the Create Feedback Service Profile dialog. If you do not enter text, the default is used. The default text is as follows: I want to receive an email when....

Lets you replace the default text that users see next to the first email notification check box in the Create Feedback Service Profile dialog. If you do not enter text, the default is used. The default text is as follows: a reply is left to one of my comments

Lets you replace the default text that users see next to the second email notification check box in the Create Feedback Service Profile dialog. If you do not enter text, the default is used. The default text is as follows: a comment is left on a topic that I commented one

Lets you replace the default text that users see next to the third email notification check box in the Create Feedback Service Profile dialog. If you do not enter text, the default is used. The default text is as follows: a comment is left on any topic in the Help system

Sets the text to be used on related topics link buttons in online output (e.g., "Related Topics").

Sets the background color for the style item (e.g., IndexEntry) when it is selected in the output. Click the down arrow to open a color palette window. You can click a color shown, or you can click More colors and select a different color or create a custom color.

Sets the font color for the style item (e.g., IndexEntry) when it is selected in the output. Click the down arrow to open a color palette window. You can click a color shown, or you can click More colors and select a different color or create a custom color.

Sets the font color for the subject text that a user enters when submitting a community-wide comment. Click the down arrow to open a color palette window. You can click a color shown, or you can click More colors and select a different color or create a custom color.

Sets the font family (e.g., Arial, Tahoma) for the subject text that a user enters when submitting a community-wide comment. After you click in the field, the Font Family Picker dialog opens. Use this dialog to select the font family and click OK.

Sets the font size for the subject text that a user enters when submitting a community-wide comment. Click the down arrow to open a small window. In this window, you can enter the size of the font in the lower-left field (either type a number or use the up and down arrows). You can select the unit of measurement (e.g., pixels, points, centimeters) using the lower-right drop-down arrow. See About Units of Measurement. You can return to the default setting by using the upper-right drop-down arrow.

Sets the style of the font for the subject text that a user enters when submitting a community-wide comment. Click the down arrow and select either italic or normal.

Sets the weight of the font for the subject text that a user enters when submitting a community-wide comment. Click the down arrow and select either bold or normal.

Sets the font color for the date and time when a user submitted a community-wide comment. Click the down arrow to open a color palette window. You can click a color shown, or you can click More colors and select a different color or create a custom color.

Sets the font family (e.g., Arial, Tahoma) for the date and time when a user submitted a community-wide comment. After you click in the field, the Font Family Picker dialog opens. Use this dialog to select the font family and click OK.

Sets the font size for the date and time when a user submitted a community-wide comment. Click the down arrow to open a small window. In this window, you can enter the size of the font in the lower-left field (either type a number or use the up and down arrows). You can select the unit of measurement (e.g., pixels, points, centimeters) using the lower-right drop-down arrow. See About Units of Measurement. You can return to the default setting by using the upper-right drop-down arrow.

Sets the style of the font for the date and time when a user submitted a community-wide comment. Click the down arrow and select either italic or normal.

Sets the weight of the font for the date and time when a user submitted a community-wide comment. Click the down arrow and select either bold or normal.

Sets the font color for a Feedback dialog title that a reader uses. Click the down arrow to open a color palette window. You can click a color shown, or you can click More colors and select a different color or create a custom color.

Sets the font family (e.g., Arial, Tahoma) for a Feedback dialog title that a reader uses. After you click in the field, the Font Family Picker dialog opens. Use this dialog to select the font family and click OK.

Sets the font size for a Feedback dialog title that a reader uses. Click the down arrow to open a small window. In this window, you can enter the size of the font in the lower-left field (either type a number or use the up and down arrows). You can select the unit of measurement (e.g., pixels, points, centimeters) using the lower-right drop-down arrow. See About Units of Measurement. You can return to the default setting by using the upper-right drop-down arrow.

Sets the style of the font for a Feedback dialog title that a reader uses. Click the down arrow and select either italic or normal.

Sets the variant of the font for a Feedback dialog title that a reader uses. Click the down arrow and select either normal or small-caps.

Sets the weight of the font for a Feedback dialog title that a reader uses. Click the down arrow and select either bold or normal.

Lets you enter text for a Feedback dialog title that a reader uses.

Replaces the image next to the closed book entries in the TOC. Click the down arrow in this field and then select Browse for Image to find and select an image file.

Replaces the image next to the open book entries in the TOC. Click the down arrow in this field and then select Browse for Image to find and select an image file.

Lets you select from a list of icons to use for the TOC entries in the output. This is one of the only options that applies to HTML Help, rather than WebHelp.

Changes all TOC icons to include an asterisk (indicating a new entry). To identify all TOC entries as being new, click the down arrow in this field and then select true. Selecting false removes the "MarkAsNew" icon next to the entries.

Replaces the image next to the topic entries in the TOC. Click the down arrow in this field and then select Browse for Image to find and select an image file.

Sets the font color for the topic link text that a user sees in the Recent Comments window pane. Click the down arrow to open a color palette window. You can click a color shown, or you can click More colors and select a different color or create a custom color.

Sets the font family (e.g., Arial, Tahoma) for the topic link text that a user sees in the Recent Comments window pane. After you click in the field, the Font Family Picker dialog opens. Use this dialog to select the font family and click OK.

Sets the font size for the topic link text that a user sees in the Recent Comments window pane. Click the down arrow to open a small window. In this window, you can enter the size of the font in the lower-left field (either type a number or use the up and down arrows). You can select the unit of measurement (e.g., pixels, points, centimeters) using the lower-right drop-down arrow. See About Units of Measurement. You can return to the default setting by using the upper-right drop-down arrow.

Sets the style of the font for the topic link text that a user sees in the Recent Comments window pane. Click the down arrow and select either italic or normal.

Sets the weight of the font for the topic link text that a user sees in the Recent Comments window pane. Click the down arrow and select either bold or normal.

Lets you specify the type of control that is used in the output window (e.g., button, logo, search, text).

Lets you enter an "onclick" command to run when a user clicks the associated control (e.g., button).

Sets the font color for the user name of the individual who submitted a community-wide comment. Click the down arrow to open a color palette window. You can click a color shown, or you can click More colors and select a different color or create a custom color.

Sets the font family (e.g., Arial, Tahoma) for the user name of the individual who submitted a community-wide comment. After you click in the field, the Font Family Picker dialog opens. Use this dialog to select the font family and click OK.

Sets the font size for the user name of the individual who submitted a community-wide comment. Click the down arrow to open a small window. In this window, you can enter the size of the font in the lower-left field (either type a number or use the up and down arrows). You can select the unit of measurement (e.g., pixels, points, centimeters) using the lower-right drop-down arrow. See About Units of Measurement. You can return to the default setting by using the upper-right drop-down arrow.

Sets the style of the font for the user name of the individual who submitted a community-wide comment. Click the down arrow and select either italic or normal.