Upcoming Events

The Office 365 / SharePoint Online Upcoming Events WebPart is displaying the upcoming events /appointments, stored within a SharePoint Calendar list.

Have a better overview with color indicators / Categories and display informations needed for the upcoming events


WebPart Properties
Property NameDescription
Site URL Specify the full URL to the Site, serving the List.
List Name Dropdown with all available Picture Libraries within the selected/current Site.
HeaderTemplate Set the Header Template
FieldTemplate defines the Template with full HTML/CSS support, repeating for each element. ListFields are written with surrounding curly brackets.

All available Fields returns:

{Title}: Event Title,
{EventDate}: EventDate (Could be formatted within the option field),
{EventDate1}: EventDate (Could be formatted within the option field),
{EndDate}: EndDate (Could be formatted within the option field),
{id}: Item ID,
{Location}: Event Location,
{Category}: Event Category,
{Body}: Event description,
{ListName}: Calendar Listname,
{CategoryColor}: Event item category color,
[DisplayForm/Dialog]: the Display form as a Dialog for the current Item. Set a link text and close the “a” attribute with . (Classic Sites only!),
[ListURL/Dialog]: Displays the list form as a Dialog for the current Calendar. Set a link text and close the “a” attribute with . (Classic Sites only!)
FooterTemplate Will be used once at the end
No event Template define the output, if no further events are found.
Max. nbr. of words displayed how many words would be displayed from the body field.
Detail link text If the Body is truncated, it will add this text at the end.
Fields to process are also supported. I.E: [ThreadLink/Dialog](Read more…)< /a>
Nbr. of Items How many items would be displayed maximally.
Category Colors:Set your category with a color.
In Example: categoryname:color;
Category Colors Each Category will be displayed in another Color
(Example: Business:brown|fas fa-user-tie|Manager;newcategory:black;Meeting:green;Work hours:blue;Holiday:orange;Get-together:light-blue)
CSS Style Customize the look and feel.
Options -
Items to display specify the items to display at max
Request Filter specify an API request filter to shrink results. Example: 'Category' eq 'Business' Link
Days to show specify the day range to show events
Cache retention time Improves loading time. Stores data for 'n' minutes into your computers hard disk drive.
License Key Please enter your Paypal "Profile ID" or "Automatic payment ID" to unlock your WebPart. (Format: I-1A11SSBB2241)

Get a license

We offer different kinds of license

  • a PayPal subscription
  • a conservative invoice for a defined time period

  • Office 365


    Select your seats count (All active accounts having access to your tenant)
    If your seats count is over 2499, please request an Offer!

    SharePoint URL*
    Request an Offer

    Post a comment

    Rob Ulaszek
    06/04/2020 01:01
    Is there a way to filter the events in a calendar by category - e.g. only show Category X?
    Anil Gopathi
    02/18/2021 11:56
    Some one help me how to configure this webpart.? Since i did not get any output.
    02/18/2021 13:04

    of course, please send me an email and I can assist in configuration.