Customizing Event Icons

Mark points in time, such as project milestones or significant dates with point events, each of which is marked by an icon in the document.

TimeStory comes with a small built-in library of icons to choose from, but you can extend that library with your own icons, or with icons from other sources.

Viewing and Managing the Icon Library

Use Style ▸ Point Event Icons to open your icon library. Here’s how mine currently looks:

The Point Event Icons window

The first section contains the icons included with the TimeStory app itself; these cannot be renamed, deleted, or modified.

The second section, “My Icons”, starts out empty when you install the app. Add your own icons to this list by pressing the + button and selecting one or more files of type SVG or PNG. (Here, I have some icons installed from various Web sources.)

Double-click on an icon’s title to rename it, drag an icon to a new location to move it, and select it and press the – button to delete it.

Choosing the Icon for a Point Event

To assign an icon to a point event, select that event, and find “Icon” in the Event Inspector. The pop-up icon picker here is a miniature version of the Point Event Icons window; like that window, you can use the search field to find an icon by name. Click “Manage” to open the Point Event Icons window.

The point event icon picker

Icons in a Document

Once you use a custom icon in a document, a copy of that icon is stored within the document itself. This means that if you delete that icon from your library, the document still looks the same; if you send your timeline to another TimeStory user, it will look the same to them as well. They don’t have to have your original icon installed.

Icon Color

Some icons have their own colors, and are intended to appear as they are; examples include business logos. Others are single-color shapes or symbols, to which you can apply your own per-event colors; examples include the built-in shapes, such as stars and circles.

In the Event Inspector, under Graphic Style, the Color setting controls the color of that event’s icon. If you choose a specific color, TimeStory sets the icon to that color. If you choose “Original Image Color”, it uses the color information inside the original icon image file (which may be just black, if the icon had no intrinsic color).

Icon Size

Each document defines a default Point Icon Size on the Document Inspector. This size normally applies to all point-event icons in the document; their contents are scaled as needed to fit within it.

If a particular event needs a different size, however, you can go to the Event Inspector, change Use Size from “Document Point Size” to “Custom Point Size”, and then freely adjust that event’s size.