Doc56: Customizing Skin Settings

Title: Customizing Skin Settings

Font Face

This setting lets you control the font used.

The sample below shows the Ocean skin with the Trebuchet font.

Layout

This option controls the width of the sidebars. You can choose from three fixed sizes, or Variable. If you use Variable, the sidebar uses JavaScript to adjust the width after the page is rendered. This can result in a slight visible "jump" as the layout snaps into place.

Color

You can choose any predefined color scheme, or create your own with the Using the Skin Stylesheet Editor. To edit an existing stylesheet, click Edit; to create a new one, click New.

Show Projects with Zero Activity

Normally projects with no activity are listed in the left sidebar of the Front Page. Projects with activity show the number of articles in the time period in parenthesis.

If you don't want to see projects with no activity during the time period, set this control to No; only the active projects will be listed.

Show Labels with Zero Activity

The newspage normally shows labels with no activity.

To show only active labels, change this to No.

Use Sections

Normally Traction uses sections to organize the Front Page and Newspage. The following Newspage shows sections for Headlines, Open Bugs, Recent Articles, Recent To-Do, Recent Done, and Bulletins. For information on defining sections, see Changing Front Page and Newspage Section Layouts.

Traction supports a simple "blog mode". If you use this control to turn off sections, the Newspage is organized instead by "Recent Articles" and "Recent Comments".

Recent Articles Min and Max

When sections are disabled, this controls the minimum and maximum number of recent articles to display.

Shared Project Folder Link

This lets you control whether the link to the shared files directory appears. See the illustration below.

Shared Project Folder Recently Modified File List

This lets you control whether the most recently modified shared files are listed in the project's sidebar. The number of files displayed is controlled by the setting Number of Files to Show in Shared Folder Portlet.

Normally the sidebar displays a link to the current project's shared files folder. This lets you remove that link.

Showing both (default)	Only showing Link	Only showing list	Showing neither link nor list

Display/Hide Frontpage Section Navigation Links in Sidebar

The sections that are displayed on the front page can also be listed in the sidebar. This allows quick navigation to a view of all the articles in the corresponding section.

Normally, these links are displayed only on the front page.

You can have them repeated on every page, if you like, by choosing the option Always Display Links. If you choose this option, all views will repeat the front page section links. Here's a single-article view showing the Front Page links.

Choosing Never Display Links will prevent these links from displaying on all views, in which case even the front page will not display the links.

Project Navigation Link Display Type

This setting lets you control how users can navigate between projects. The default is to show a list of projects only on the front page;

Other pages do not show the project list by default.

You can cause all pages to show the project list by choosing List - All Views. The project list will appear between the Front Page link and the Newspage information.

Alternatively, you can have the project list display as a drop-down menu in all views.

This interface is simple and clean. When the user selects a different project from the menu and clicks, the page instantly switches to that project.

Hide/Show Article Toggle

Normally a small hide/show icon appears above every article.

Clicking this icon collapses the article and reverses the direction of the icon.

Clicking the icon again expands the article.

Inline Comments and Reclassifications

Normally when choosing the option to comment on a paragraph from the context menu:

A comment form is displayed inline.

If you set this option to No, the comment window will pop up instead.

Stylesheet Overrides

This control lets you add your own CSS rules to the page. For example, you may want change the display of article text to tiny, dark black print. You might add the rule:

After you apply this change, your page will look like:

Attachments:

image626.gif
image537.jpg
image627.gif
image538.jpg
image628.gif
image528.jpg
image630.gif
image663.gif
image664.gif
image631.gif
image665.gif
image666.gif
image632.gif
image539.jpg
image540.jpg
image633.gif
image667.gif
image634.gif
image635.gif
image636.gif
image637.gif
image541.jpg
image542.jpg
image543.jpg
image544.jpg
image638.gif
image545.jpg
image546.jpg
image547.jpg
image639.gif
image668.gif
image669.gif
image548.jpg
image549.jpg
image550.jpg
image640.gif
image551.jpg
image552.jpg
image641.gif
image670.gif
image553.jpg
image554.jpg
image642.gif
image671.gif
image555.jpg

referenced by (7)

Customer1955: Changelog for TeamPage 4.1.63 Doc360: Advanced Features and Concepts Doc318: Using the Skin Stylesheet Editor Doc300: Traction Skins Doc279: Skin Preference Doc202: Preferred Stylesheet Doc22: Sections Overview

Article: Doc56 (permalink)
Date: March 22, 2008; 3:53:27 PM Eastern Daylight Time

Author Name: Documentation Importer
Author ID: importer

Font Size