HelpConsole 2008 SP3.2 - Demo Help System


	Welcome55 Working with Images Adding an Image Image Properties Adding Hotspots to an Image Uploading an Image Contact us Basic Functions Projects Creating a New Project Copying a Project Backing up Your Project Uploading a Project Setting Project Properties Manage Projects Form Password Project Templates aaa ccc xc My Section Windows Application Help Button Windows Form Help Button لرلاالا Welcome Widget Master Pro Widget Master Lite اذلاال Windows Field Help Button Windows F1 Application Help Windows F1 Form Help Windows F1 Field Help Web Applications Web Application Help Button Web Form Help Button Web Field Help Button Web F1 Application Help Web F1 Form Help Web F1 Field Help Popups cccx Applying Skins Customizing an Existing Skin Creating a New Skin Table of Contents Adding a Page Adding an External File Adding a Website or Webpage Embedding another Project Renaming a Page Deleting a Page Page Properties Dragging & Dropping Pages Cutting and Pasting Pages Customizing Page Icons Working with Tables Adding a Table Table Properties Cell Properties Keywords and Index Display Keywords in Edit Mode Display Index in Live Mode Links Adding Page Links Adding Internet Links Adding Email Links Adding Document Links Removing a Link How to Get Support Getting Started What is a Static Help System? What is a Dynamic Help System? What is a PDF Manual? End-User License Agreement How to Order Publishing Publishing a Static Help System Uploading to your Website Legacy Help System Publishing a Dynamic Help System Publishing a PDF Manual Advanced Functions Movies & Animations Adding a Flash Animation Adding a Media Animation Users Project Login Adding a Project Username Editing a Project Username Deleting a Project Username Security Groups Adding a Security Group Editing a Security Group Deleting a Security group Variables User Defined Variables System Variables Child Page 1 Child Page 2 Page Templates Customizing a Page Template Creating a Page Template Customizing the PDF Template Styles Page Styles Applying Styles Treeview Styles Reports Pending Reader Comments Report Page Status Report Conditional Content Conditional Pages Conditional Text Toolbar Reference System Toolbar Contents Toolbar Function Toolbar Skin Editor Toolbar Editor Toolbar Variable Editor Toolbar Page Template Editor Toolbar FAQ General Questions Installation Questions

Home > Advanced Functions > Styles > Treeview Styles

Treeview Styles

The look and feel of your table of contents can be customized by editing the contents style sheet. There are styles (or themes) that are applied based on the selected skin, and styles that are applied regarless of the skin selected. You can customize any of the following:

Margins
Background color
Background image
Default Font (size, color, type)
Etc.

Follow the instructions below to edit treeview styles:

1. Open the Help System

2. If you are not already logged in, log in as an administrator with 'tools' permissions.

3. Click the 'Tools' button to display the 'tools' form.

4. Click 'Styles' to display the style editor. Modify existing treeview styles or add new styles.

For example, to change the default treeview font name and font color, change the following:

.TreeNode
{
font-family: tahoma;
font-size: 18px;
color:red;
padding-top:3px;
padding-bottom:2px;
padding-left: 3px;
padding-right: 3px;
}

Reload your help project. The treeview page font will be larger and will be red.

See also
Page Styles
Applying Styles

HelpConsole 2008 - Enterprise Edition