for SharePoint Online
The Office 365 / SharePoint Online Upcoming Events WebPart is displaying the upcoming events /appointments, stored within a SharePoint calendar list.
To unlock an evaluation period, please follow the link below.
Have the upcoming events based on a SharePoint event calendar list directly available on a SharePoint page.
Use the out-of-the-box template or modify the configured field template with your own look and feel.
Have color events based on category for a better overview
Property Name | Description |
|---|---|
Main | |
Site URL | Specify the full URL to the site, serving the list. |
List Name | Dropdown with all available event lists within the selected/current site. |
HeaderTemplate | Set the header template. |
FieldTemplate | Defines the Template with full HTML/CSS support, repeating for each element. List fields 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 list name, {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. |
Layout Type | Default layout / Grouped by day |
Max. nbr. of words displayed | Specify the number of words that 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 | The number of 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 | - |
Date Format | |
Category Date Format | is used to format the category date with moment.js string. Will format the grouped by day layout header section |
Start Date Format | is used to format the start date with moment.js string. {EventDate} placeholder |
Start Date Format 1 | is used to format the start date 1 with moment.js string. {EventDate1} placehodler |
End Date Format | is used to format the category date with moment.js string. {EndDate} placeholder |
Overlapping events Start Date Format | is used to format the category date with moment.js string. {EventDate1} placholder if the event is overlaping into another day. |
Filtering | |
Items to display | Specify the number of items to display at max. (Items loaded from the list) |
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 in. |
Caching | |
Cache retention time | Improves loading time. Stores data for 'n' minutes into your computers' hard-disk drive. |
License | |
License Key | Please enter your PayPal "Profile ID" to unlock your WebPart. (Format: I-1A11SSBB2241). |
We offer different kinds of license