Timeline Tutorial

The Timeline content type allows you to place a sequence of events in chronological order. For each event, you may add images and texts. You may also include assets from Twitter, YouTube, Flickr, Vimeo, Google Maps, and SoundCloud.

Example

Here’s the Timeline content we’ll create in this tutorial:

When to use Timeline

You can use a Timeline content type for a content where you want to present a sequence of events in chronological order.

Step 1: Topic

The topic of this content is the History of berries. 

Step 2: Creating a timeline

Select the New content option and chooseTimeline from the list of Content types:

Step 3: Timeline Editor

The Timeline editor should now appear. It consists of three main parts:

• Title,
• Timeline and
• Dates

Step 4: Title

Type the following text in the Title field: History of berries

Step 5: Timeline

This part consists of content for a starting slide and some overall settings for the entire timeline.

Headline: History of strawberries 
Body text: The strawberry plant is a member of the Rosaceae family and the genus Fragaria. Against the common belief that strawberry is a fruit, the fleshy red outgrowth is actually the receptacle of the strawberry flower.
Source: http://www.buzzle.com/articles/history-of-strawberries.html

Background image: We will leave this blank since we want to use a different image on each slide

Asset
Media: https://upload.wikimedia.org/wikipedia/commons/thumb/5/5e/Half_a_strawberry.jpg/320px-Half_a_strawberry.jpgCredits:Author: Jeff Kubina. License:  Creative Commons Attribution-Share Alike 2.0 Generic. URL: http://commons.wikimedia.org/wiki/File:Half_a_strawberry.jpg

You should get this:

Step 6: Dates

Next, we will add dates to our timeline. In Dates section fill in the 1st group with the following content:

Start date: -234
End date: -234
Headline: Origins
Body text: The history of Strawberries goes back over 2,200 years. The growth of wild strawberries in Italy can be traced back to 234 BC.
Assets
Media: https://upload.wikimedia.org/wikipedia/commons/5/55/Pomological_Watercolor_POM00004368.jpg
Credit: License: Public domain. URL: https://commons.wikimedia.org/wiki/File:Pomological_Watercolor_POM00004368.jpg

You should get something like this:


To add a new Date item, click Add item button below the Dates group:

In the same way, fill in all the other dates with the following content:

Start date: 0023
End date: 0079
Headline: Early mentions of Strawberries
Body text: Latin writers such as Apulius had cited the strawberry for its medicative purposes. Other writers such as Virgil and Ovid mentioned strawberry only in association with other wild fruits. Pliny (23-79 A.D.) was the last-known writer to mention this fruit.
Assets
Media: https://upload.wikimedia.org/wikipedia/commons/c/c1/Aardbei_Karina.jpg
Credit: Author: Maksim. License:  Creative Commons Attribution-Share Alike 3.0 Unported. URL: http://commons.wikimedia.org/wiki/File:Aardbei_Karina.jpg

___________________

Start date: 1200
End date: 1300
Headline: Middle ages
Body text: In the thirteenth century, a famous Greek doctor ‘Nicholas Myrepsus’ had mentioned Strawberries in his paintings.
Assets
Media: https://upload.wikimedia.org/wikipedia/commons/thumb/f/fd/Bosch%2C_Hieronymus_-_The_Garden_of_Earthly_Delights%2C_central_panel_-_Detail_Strawberry.jpg/319px-Bosch%2C_Hieronymus_-_The_Garden_of_Earthly_Delights%2C_central_panel_-_Detail_Strawberry.jpg
Credit: Author: Hieronymus Bosch. License: Public domain. URL: http://commons.wikimedia.org/wiki/File:Bosch,_Hieronymus_-_The_Garden_of_Earthly_Delights,_central_panel_-_Detail_Strawberry.jpg

You can add as many dates as you want to your Timeline.

Step 7: Finishing up

When you are done adding dates, save the node/article to view your finished Timeline.