Timeline

If you run into a problem, have questions about how something works, or have questions about functionality that is not covered, email webservices@uoregon.edu to ask for assistance.

Ask for Assistance   


Timelines are the vertical arrangement of a list of events in chronological order. On desktop, our timelines alternate between the left and right sides of a center line. On tablet and mobile, those elements stack into one line.

Add Timelines

To create a timeline, you will need to click on the template icon and choose the second option on the left labeled "Timeline."

 

Add timeline template

Click the Insert Template button at the bottom right and it will automatically insert a new timeline.

 

Timelines come with automatic styling for the date, title, and teaser text. You can copy and paste to replace the default text.


Timeline Styles

Timelines are automatically defaulted to have a blue background. You can modify the style by clicking on the bright pink paint palette icon in the upper left of the button and selecting one of the colors.

 

NOTE: It is best to alternate colors on additional timeline items because on mobile when they are all stacked there is no delineation between the different items unless they are different colors. The only exception is if all of the items are white, then there is a gray border that shows the different timeline items.

 

 


Add Timeline Items

To add timeline items one at a time, click on the Green + button located in the top right corner of the timeline box. This will add a timeline item to the bottom of your timeline, alternating between the left and right side of center.

 


Rearrange Timeline Items

To rearrange timeline items, click on the cross icon with arrows and drag that grid item to the place you want it to be and unclick. That should move the timeline item to the correct place and move all timelines items one place further down the timeline.

  


Delete Timeline Items

To remove one item from a timeline, click the Red X button on that particular timeline item and it will delete it from the timeline.

 


Delete Timeline

To remove the entire timeline, click on the Red X button at the upper right corner of the entire timeline box and the entire timeline will be deleted.