Timeline

Follow the steps to use the timeline web part.

Create a Calendar app

1. Open the settings gear and click on Add an app.
2. Find the app Calendar and click on the icon.
3. Type the name you want to give to your calendar app and click on Create

Add the web part to modern page

1. Go to the page where you want to add a web part.

2. If you do not see the site page that you want, click Site contents on the Quick Launch bar, in the list of contents, click Site Pages, and then click the page that you want.
3. If the page is not already in edit mode, click Edit at the top right of the page.
4. Hover your mouse above or below an existing web part and you'll see a line with a circled +, like this:
   
5. Click + and you'll see a list of web parts to choose from. To easily find the web part you're looking for, start typing in the Search box
6. Select the pencil icon on the far left of the web part to reveal the web part property pane. The property pane is where you can define properties to customize your web part.

Configuration

1. The following properties can be configured:
   • Site
     Select the Site
   • Web
     Select the Web
   • List
     Select the Calendar List
   • Sort by
     Select the field to sort by
   • Sort Direction
     Select the direction to sort the items by
   • Filters
     Add appropriate filters select desired items
   • Event Text color
     Set the color for text
   • Event background color
     Set the background color for events
   • Circle color
     Set the color for the circle
   • Licence Key
     Enter your Timeline Web Part License Key as supplied after purchase. Leave this field empty if you want to use it for the free 14 day evaluation.