Reposition Events with Drag and Drop
- New events are automatically positioned based the event's start date.
- It's not currently possible to drag an event from one layer to another. You'll have to edit the event and change the layer to place it in a new layer.
- If you update the event's start date or move it from one layer to another, the event is repositioned automatically. In both of these situations, you can reorder the event afterwards to change the order.
- In order to prevent people from accidentally changing an event's dates while reordering it, Preceden only lets you do one at a time: you can either move the event up and down, or left and right, but not both at the same time. However, you can reorder the event, then release it, then change its dates. Similarly, you can change an event's dates, then release it, then reorder it.
- Changing an event's dates with drag and drop only works for one day intervals. For example, Preceden does not support dragging an event one week, or one month, or one year. As a result, there are several situations where it's not possible to change an event's dates using drag and drop.
- If your events span too large a period of time, then the distance between days will be too close together and Preceden won't support drag and drop for it.
- If the event starts when another event ends (using Preceden's dependency feature) then Preceden won't let you change its dates with drag and drop.
- Preceden does let you reposition an event that starts or ends "Today" (because that falls at the start or end of a full day), but won't let you drag an event that starts or ends "Now" (because that includes the time which makes the event not start/end on a full day).
- Preceden also does not support changing dates of BC events using drag and drop.
- To determine whether an event with a duration supports dragging and dropping to change its dates, simply hover your cursor over it and see if it shows a left and right grip. If it does, then you can drag and drop it to change its dates. If not, then it's not possible for one of the reasons above.
- If the event does not start on a day or (assuming it has an end date) if the duration is not a full number of days. For example, if the event starts at 2pm or if it lasts 6 hours, Preceden won't let you drag and drop it to change its date. This is to prevent people from accidentally dragging an event that starts at like 2pm to starting at midnight of some nearby day.
- If the end date is dynamic - for example "8 days" then Preceden will set the new duration to the new number of days (vs setting it to a specific date).
We're excited to announce that Preceden now supports full drag and drop capabilities!
There are two aspects of it: dragging and dropping an event to change its order and dragging and dropping an event to change its dates.
Change the Order of Events with Drag and Drop
When you add an event to your timeline, Preceden determines its placement by using the start date, with ties broken alphabetically by the event name. For example, here's a timeline with three events:
Preceden uses a waterfall layout by default, meaning it will only put one event on each horizontal row.
However, you can reorder events by simply dragging an event from one location to another.
To do this, simply click on an event in your timeline and without releasing your mouse, drag it up or down to a new position:
If you want Preceden to automatically compress layers to place as many events on a row as possible, check the Automatically compress layers to display as many events per row as possible setting under Settings > Event Layout > Event Position. With this setting checked, Preceden will automatically flatten each layer, eliminating the need to drag and drop events:
Things to Know
Change an Event's Dates with Drag and Drop
Preceden also lets you change an event's dates with drag and drop in most cases:
Things to Know:
Dragging and dropping events is a new feature and should be considered in beta. If you have any feedback or suggestions, don't hesitate to reach out: firstname.lastname@example.org.