Home > Basic Functions > Table of Contents > 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.
To edit the contents style sheet, open the file "treestyle.css" which is located in the project folder. This can be opened with a stylesheet editor or a text editor such as Windows Notepad.
For example, to change the treeview font size and color, change the following:
.TreeNode
{
font-family: tahoma;
font-size: 11px;
padding-top:3px;
padding-bottom:2px;
padding-left: 3px;
padding-right: 3px;
} |
Change to
.TreeNode
{
font-family: tahoma;
font-size: 20px;
padding-top:3px;
padding-bottom:2px;
padding-left: 3px;
padding-right: 3px;
color:red;
} |
Reload your help system project. The contents fonts will be red and much larger.
See also
Adding a Page
Adding an External Page
Adding an Embedded Project
Renaming a Page
Deleting a Page
Page Properties
Page Styles
Dragging & Dropping Pages
| 
