Add an Event to Your Timeline

Events are the key component of any Preceden timeline. Events represent anything from an upcoming project milestone to the building of the pyramids and everything in between.

To add an event, click the Add Event button above your timeline or press the letter 'a' on your keyboard:

Below is an overview of each of the options along with a description of how those settings impact the appearance of the event. 

Name

Every event must have a name to display on the timeline: 

The position of the event name depends on several factors:

  • If an event has a start date only, then its name will always be placed to the right of the icon. 
  • If an event has a start date and an end date, then its name will be placed within the color bar, if the name fits. Otherwise, the name will be placed to the right of the bar. You can change this behavior under the timeline's settings (Event Layout tab) to have Preceden always display the name to the right of the colored bar for the timeline that you are editing.

Autocomplete

If you have autocomplete turned on (which it is by default for students and teachers), Preceden will search publicly shared timelines as you name your event. It will then show you the dates for similar events, which you can click to autocomplete the name and dates for your event:

You can enable or disable Autocomplete from your Account page by clicking on the link in the Options section. 

Color

The color picker allows you to choose the color of the event (click on the color square you would like):

You can also use the custom color picker at the bottom to choose a color not on the palette, just click on the square under Custom Color Picker. Then select the custom color you would like and close out the pop-up box. 

Icon

The icon is displayed to the left of the event name when the event only has a start date:

If you specify an end date for your event, the icon will appear when you hover over the event and in the event list below the timeline, since the event will be displayed as a colored bar.

You can also request additional icons: Request a New Icon.

Layer

When your timeline contains multiple layers, you can use this dropdown to specify which layer you want the event to be added to:

To add a layer, click the Add Layer link above the timeline (see Layers for more details). 

Start Date

Every event must have a start date. Use the date picker or type in a date in one of the many date formats to enter a date. If you have multiple events on the same day, you can enter a time after the date to organize the events in their proper order (e.g., November 23, 2019 7:30 am). When two events start at the same time they will be ordered alphabetically. You can also change the order by clicking on the event and dragging it to a new location to achieve the desired placement.  

Approximate Dates

For events where you don't know the exact dates, you can use the Approximate checkbox to the right of the start and/or end date to tell Preceden:

For events that contain a start and an end date, being marked as approximate will cause the color bar to fade in (if the start date is approximate) and fade out (if the end date is approximate):

Marking an event that only has a start date as approximate has no impact on how the event is displayed.

End Date

Similar to the start date, the end date specifies when the event ends. This field is optional, so if the event only has one date associated with it, you can leave this field blank.

You can specify durations for the end date such as "1 week", "1 month, 5 days," etc. 

Also note that both the start date and the end date are inclusive.

Notes

This field is for any additional notes about the event.

These notes will be displayed when you hover your cursor over the event on your timeline and within the list of events below your timeline.

You can add images as well as links to the notes. See our guide on Markdown formatting for examples and answers for common issues.

Image

Click the  Choose.... link to add images to your timeline. Learn more about how to Add Images to Your Timeline

Miscellaneous Options

Preceden also supports some less common options for events, listed below. You can see these options by clicking the Advanced Options button: 

Make This Event a Milestone

A milestone represents an important event that you want to stand out on your timeline.

When you check the milestone setting, only a start date can be specified and the event will be displayed as a vertical line that spans the full height of the timeline:

Hide This Event's Name on the Timeline

When you want the name of an event to be hidden on your timeline, check this box. The event will appear like this if it has a start date only: 

It will appear like this if there is a start and end date: 

To display the names, simply click on the icon or color bar and the options will appear again. 

Make This Event Start When Another Event Ends

You can set one event to start when another event ends. We call these events  dependents because they depend on another event to determine their dates. You can read more about this here: Make This Event Start When Another Event Ends

Percent Complete

For each event on your timeline you can track progress by specifying a percent complete. For events that span a range of time, this will shade in a corresponding percentage of the bar on the timeline. This allows you to see how much of each project remains at a quick glance. Preceden will also display the percent complete on the timeline by default, but you can hide it using the Event Details settings.

Duplicate an Event

If you want the same event to appear more than once or use a duplicate event as the basis for another event (for example, sharing the same color, dates, etc...), click on the event name. In the bottom, right hand corner of the window you will see the  Duplicate Event link. Click on it and the duplicate event will automatically be added to your timeline.  

Delete an Event

If you want to delete an event, click this option in the bottom right hand corner of the dialog. 

Still need help? Contact Us Contact Us