Labels

attribute property value default
text color label-foreground-color standard CSS color value #000000
text opacity label-foreground-opacity 0.0-1.0, 0%-100% 1.0
background color label-background-color standard CSS color value #ffe687
background opacity label-background-opacity 0.0-1.0, 0%-100% 1.0
inner border color label-inner-border-color standard CSS color value #ffffff
inner border opacity label-inner-border-opacity 0.0-1.0, 0%-100% 1.0
outer border color label-outer-border-color standard CSS color value #000000
outer border opacity label-outer-border-opacity 0.0-1.0, 0%-100% 1.0
selected border color label-select-border-color standard CSS color value #0000ff
selected border opacity label-select-border-opacity 0.0-1.0, 0%-100% 1.0
margin label-margin integer 3
corner radius label-corner-radius integer 20
inner border width label-inner-border-width integer 0
outer border width label-outer-border-width integer 1
selected border width label-select-border-width integer 2
font family font-family standard CSS font family Arial, Helvetica, sans-serif
font style font-style standard CSS font style normal
font size font-size standard CSS font size medium
font variant font-variant standard CSS font variant normal
font weight font-weight standard CSS font weight normal
text line spacing line-height standard CSS line height normal

label orientation for past

and future directions

label-show-front hidden, horizontal, diagonal horizontal

label orientation for left

and right view directions

label-show-side hidden, horizontal, diagonal diagonal
label position on time axis label-time-pos start, follow start

 

Label Chooser

 

A label has an outer border (black), an inner border (white), a background area (orange), and text (black). All four can be assigned a different color. The borders and the margin around the text all have widths that can be changed. The actual text in a label comes from an event's name, but the font, font size, and font style can be changed in the label design.

Each design starts with the properties of the default label design. These can be set in the QViewer's (not the QEditor's) common preferences.

To change one of the properties, put a check in the box next to its name. This turns off the default property and allows the value to be changed.

To change one of the colors, select the color button next to the checkbox. A new color for that part of the label can be chosen from the Swatches, HSB, RGB, or Materials panels. Only one of the four colors can be changed at a time.

There are numbers that change the width of the margin around text, an inside margin and an outside margin. The border values can be reduced to zero to make them disappear.

The font panel allows the face, the font style, and the size to be changed. The list of fonts is gathered from the fonts Quotidian can find on machine. Some of these will not contain all (or any) of the characters used in event names. If the author plans to distribute a timeline to other machines, it makes sense to specify fonts that are also on those machines. The QViewer will use a default font choice if it cannot find the one that is specified.

The font styles are limited to "plain," "bold," "italic," and "bold italic."

Label Orientation

The orientation panel allows the author to choose whether the label should be drawn diagonally rather than horizontally. The author can separately choose diagonal drawing for the past and future view direction and the left and right view directions.

The diagonal orientation allows more information to be packed on the screen with some cost in readability.

The default for past and future views is horizontal. The default for left and right views is diagonal. The defaults can be changed with the label_diagonal and label_side_diagonal variables in the QViewer's (not the QEditor's) common preferences.

If a label is not wanted, the orientation can be set to "hide" for either direction.

 

© 2011 Quotidian Incorporated