Working with the Timeline's Settings

You can customize the look and behavior of your timelines in various ways, primarily through the settings window which you can find by clicking on the Settings link above your timeline.

Here's an overview of each of the settings and their impact on your timeline:



Here you can choose the color scheme for your timeline - the default is white with gray lines.

Font Size

The font size lets you adjust the size in pixels of the font used for the scale, the layer names, and the event names. The default is 14.


These settings allow you to adjust who can see your timeline.  Learn more.



By default Preceden will only place one event per row in a  waterfall layout meaning that if you look at an event there won't be any other events to the left or right of it. By contrast, collapsed will cause Preceden to position as many events to the left and right of each other as long as they don't overlap.

Waterfall: One event per row

Collapsed: As many events per row as possible

You can also customize the layout style on a per-layer basis.

Name Position

By default when you add an event with a start and end date Preceden will try to place the event's name  within the colored bar if the name will fit. If you'd prefer that the event name always be positioned to the right of the bar, this setting lets you achieve that.

Position event names within the colored bars when the name will fit

Always position event names to the right of the colored bars

Bar Color

This setting determines how the color you select for an event with a start and end date is applied to that event.

Solid means the bar will be entirely that color, Vertical Gradient means a subtle vertical fade is applied, and Horizontal Gradient means a subtle horizontal fade is applied:


This setting affects how the shape of the corners of events that contain a start  and end date.

Square means the corners are right angles, Slightly Round means there's a small curve (like the screenshots above - this is the default), Round means they're circular, and S-Curve looks like this:

Note that if you specify either the start or end date is approximate for the event, Preceden will display the corners for that event as slightly round regardless of what setting you choose here.


By default Preceden  does not display event dates on the timeline itself, only in the list below the timeline as well as when you hover over an event on the timeline.

When you select  Add each event's dates in parenthesis beside its names Preceden will display the event dates in parenthesis to the right of the event name. You'll also have the ability to select the date format. You can tell Preceden to use the exact dates you entered when you added the event or you can have Preceden format the date for you. For example, here's what the M/D format looks like:



These settings allow you to specify where you want the axis to be displayed: at the top of the timeline (default), at the top of each layer, and/or at the bottom of the timeline. Here's what this timeline looks like with all three options selected:

Being able to display the scale at the top of each layer and at the bottom of the timeline comes in handy with timelines that contain a lot of events by providing a quick reference without forcing you to scroll back to the top of the timeline.


By default Preceden displays vertical gridlines but you can turn this off by unchecking this  Show axis gridlines setting:

Similarly, you can hide the thin line the separates each layer by unchecking the Show a line between each layer option.


This setting allows you to display short ticks extending from each of the dates on the visible axes.

This is mainly useful if you hide the gridlines so you can still see where the key dates are on your axes.


This setting allows you to control where the borders are placed around your timeline.

By default they're placed on all four sides, but you can also change it to be just the top, just the bottom, or no border at all.

Event Lines

This setting lets you display lines from the start of each event to each of the visible axes:

Current Date

Preceden provides you with a way to display a thick vertical line at today's date by checking the Display a vertical line on today's date setting:


Date Range

By default Preceden will automatically adjust the dates on the timeline so that all of the timeline's events are visible on the timeline.

If you'd like to zoom in to a portion of the timeline, you can use this setting to specify a start and end date for the timeline. Learn more about zooming.


By default Preceden will automatically figure out the best scale to use to display your timeline based on its content. If you'd like to manually set the scale (because, for example, Preceden thinks   weeks is best but you want months) then you can set the scale here.

Note that Preceden won't always be able to display your timeline at every scale. For example, a timeline that spans years won't be able to be displayed with the scale set to   days because it would result in hundreds of axes. When this happens Preceden will display a notice on your timeline and give you an option to change the scale back to automatic. This makes it easy to tell at a glance how far in the past or in the future the events on your timeline are relative to today's date.

Date Picker

Date Format

This setting allows you to choose the format of the dates that you select using the date pickers when adding or updating an event. It doesn't have any affect on the appearance of your timeline, but if you use the date pickers it will save you time if you prefer a format that's different from the default. 

If there's a format that you'd like use that's not on the list, just drop an email to and we can add it.


Enable dependents?

When your timeline contains more than 1 event, this will cause the "Add Event" window to show an option that lets you specify that  the new event can start when another event ends.


This feature allows you to work with others on your timeline.  Learn more about how collaboration works.

CSV Import

This feature allows you to import events onto your timeline from a CSV file.  Learn more about the expected file format.

Still need help? Contact Us Contact Us