Add Timeline to a Drupal Website

You can add a module to your Drupal website that will display selected events from Timeline. To do this, you need to add the Timeline Drupal module to your website, create a Destination, which is a name that you will use in the Timeline publication system to target events for display on your website, and then format the display to meet your needs. Doing all of this requires that you have a WDS-created Drupal “template” site, and that you be the system administrator for that site. If you are unsure whether or not your Drupal site is a "template" site, please contact the Web Development Services team.

Once you know that your site is eligible, follow these steps to connect your website to the Timeline (all of the following needs to be done as the system administrator for your Drupal site):

Enable the Timeline Module in Drupal:

  1. Log in to your Drupal site as the site admin
  2. In the top menu, click on Apps
  3. Click on PWDS Timeline
  4. Click on +Enable App

Once enabled on the site, you must then link your site to the Timeline's server.

  1. Click on Configuration in the top menu
  2. Scroll all the way to the bottom and click on Timeline Settings on the bottom right
  3. Click the button Go to Timeline to add an authenticated account — this will take you into Timeline
  4. You need to create one or more Destinations in the Timeline. A destination is simply a name that you use in the Timeline publication system to target postings to your Drupal website. In most cases, you will want the destination name to be the same as your website name.
  5. If you already have a destination created you can select it. If you do not have a destination create, click Add New Destination button and give your destination a descriptive name (e.g., the name of your Drupal website) and click OK.
  6. Select the new destination from the list
  7. Click the Authorize button. This will bring you back to Drupal.

Congratulations! Your Drupal site is now connected to Timeline.

return to top

Now you need to set up a page in Drupal to display Timeline data!

First, create the page:

  1. Click on Add Content in the top menu
  2. Click Basic Page
  3. Enter a page title (something like "Events" or "Calendar” or “Timeline”)
  4. Check the Provide a Menu Link check box under Menu options
  5. Click Publish

Next you need to design the page.

  1. Click Home at the very top - this should take you to your front page and you should see a link to the new page you created
  2. Click on the link to the new page you created
  3. For this "How-To" we will create a page with a small calendar to the left and a list of upcoming events in the body of the page
  4. At the very bottom of the page, in the center, you will see two buttons. Click the button that says Change Layout.
  5. Select the ninth layout, it looks like two rectangles, a slim one next to a thicker one. It is called Burr. (Make sure you do not select Bryant as the small calendar will not fit in the sidebar.)
  6. Click Save 
  7. Back on the new page, click on the other button on the bottom center – Customize this page
  8. Now you see two light blue areas, one called Sidebar and one called Content. Click the Plus button in the Sidebar area
  9. A large panel opens up with a lot of choices running down the left side. Find the choice Timeline and click on it. 
  10. Now click the green Add button at the top of the Mini Timeline Calendar Pane that shows up in the right side of the panel
  11. Click Save
  12. You should be back at the page with two light blue areas, so click the plus button in the Content area now
  13. Click on Timeline on the left and find the Upcoming Timeline Pane and click the green Add button
  14. Click Save 
  15. When you are done, click Save at the bottom of the page to save your changes

Drupal supports a number of Timeline panes which can assemble into a page on your website. The following panes are currently available:

  • Content
    • Upcoming Timeline (upcoming events from full Timeline list)
    • Timeline List by Tag (upcoming events with a specific Tag)
    • Timeline Calendar (full calendar)
  • Sidebar
    • Mini Timeline Calendar (small calendar)
    • Timeline Locations (list of locations for events from Timeline)
    • Timeline Tags (list of tags for events from Timeline)

return to top

You are now ready to start posting events in Timeline that will display on your Drupal website.

  1. Click on the Publish icon in the top menu bar
  2. Create a Targeted or Tagged post (see specific directions here) and choose the Destination associated with your website from the External Destinations option

The next time Drupal updates against Timeline all your upcoming events should appear on your new page!

return to top