Preceden updates
Preceden updates

Adjusting the shape of individual events





Big news: Events will normally use the shape you set in the timeline settings (found at Settings > Event Design > Default Shape), but now you can override the shape for individual events:

To try it, simply add or edit an event and in the Advanced Options section you'll find a Shape option:

Screen Shot 2021-07-16 at 2.25.18 PM.png

Click a shape to select it and use it for the event. Click it again to deselect it and switch back to using the default shape.

This gives you a lot more control over the appearance of the events on your timeline.

Screen Shot 2021-07-16 at 2.29.52 PM.png

New interface for event & axis shapes





In the past the user interface for choosing the shape of your events and axis was a simple dropdown:

Screen Shot 2021-07-16 at 10.18.04 AM.png

If you're reading this and wondering what an "S Curve" is, you're not alone :)

Thankfully we've now nixed this dropdown and replaced it with a visual list:

Screen Shot 2021-07-16 at 10.24.56 AM.png

You can find this in two places in your timeline settings:

  1. Event Design where you can choose the shape of events
  2. Axis Design where if you choose a color for the axis you'll also have the ability to choose its shape and size

Customizing your timeline's axis design





Preceden now provides a variety of ways to customize the style of the timeline axes. For example, by tweaking a few settings we can create a timeline like this with a dark blue axis with rounded corners between the first and second timeline layer:

Screen Shot 2021-07-09 at 2.28.48 PM.png

To edit the axis style, either click on the axis or head to Settings > Axis Design.

The timeline above was created by adjusting the following settings:

  • Setting the background color to dark blue
  • Setting the background corner style to round
  • Checking the top of each additional layer option and unchecking the other position options so the axis only appears at the top of the second layer
  • Unchecking the axis gridlines and timeline border options

These new settings make it even easier to create on-brand presentation-worthy visualizations. Coming soon we'll also have templates that let you quickly change the appearance of your timeline to help you find a style that suites your timeline and taste.

Hiding your timeline's border





You can now hide the border around your timeline by going to Settings > Axis and unchecking the Display timeline border setting.

If you also uncheck the Display axis gridlines setting, your timeline won't have any lines on it which can suite some types of timelines well (like ones you plan to embed in a PowerPoint or Keynote presentation):

example_marketing_timeline (1).png

More granular layer settings





In the past there was a layer setting called "Hide event dates and durations" which let you hide all dates and durations in a given layer. We've had several requests from users who want more control so they can hide just the dates or just the duration.

There's now a way to do that: when you add or update a layer, you'll see a Content Visibility section that gives you more control over what you want displayed in the layer.

Screen Shot 2021-07-07 at 9.07.50 AM.png

For both dates and durations, you can choose that you want it to use the timeline settings (found in Settings > Events), or you can override the timeline settings by specifying that you want them visible or hidden for the layer.

In the future we're also going to add ways you can customize these for individual events which will give you even more control over the content displayed on your timeline.

Duplicating layers





You can now duplicate entire layers on your timeline 🎉.

To try it, edit a layer, click More Options then click the Duplicate Layer button:

Screen Shot 2021-07-02 at 2.42.44 PM.png

As always if you run into any issues you can shoot us an email anytime:

New dialog box designs





We've rolled out a new design for many of Preceden's dialog boxes. Here, for example, is the the export to PDF dialog:


Screen Shot 2021-06-30 at 10.13.18 AM.png


Screen Shot 2021-06-30 at 10.13.30 AM.png

Not bad right?

The Add Layer dialog and most of the dialogs found via the Export & Share dropdown have been updated so far, with the other dialogs (Add Event, Bulk Editor, Settings) planned in the coming weeks.

If anyone notices any issues don't hesitate to reach out:

Fixed durations for events between 0 and 99 AD





There was a bug that caused Preceden to display incorrect durations for events starting or ending between 0 and 99 AD in some situations. Turns out that JavaScript interprets these years as 1900 - 1999 which meant that an event going from like "50 AD to 150 AD" would be interpreted as "1950 AD to 150 AD" in the duration calculations, leading to an incorrect number. Hat-tip to one of Preceden's users for reporting the issue.

Dashed connection lines





You can now choose whether you want connection lines between events to be solid (the default) or dashed. Dashed lines can be used to convey weaker connections between events compared to a solid line.

Screen Shot 2021-06-20 at 4.45.11 PM.png

To add a connection, edit an event, click Advanced Options, then choose an event in the Connections field and select a line style.

Share private timelines with a secret URL





In the past if you had a private timeline and you wanted to share a link to it with others, you would have to make it Password Protected and then share the URL and the password with whoever you want to be able to see it. This works, but can be somewhat cumbersome.

To make sharing private timelines easier, we've added a new visibility option called Secret URL. When you choose this option, Preceden will add a randomly generated code to your timeline's URL. You can then share this new URL with others and they'll be able to see your timeline, no password required.

To try it, head to Settings > Visibility and select the Secret URL option. After you save the changes you can copy/paste the new URL to share it with others.

Read more in our Timeline Visibility docs.