How can we help you today?

How to Display Events In Your SharePoint Page Using SharePoint Web Parts

There are three web parts you can use to display events on your SharePoint page. These web parts are Events, Group Calendar, and List.


sample page with web parts


This article will provide detailed steps on how to use each option. Follow the way that suits your needs.


TABLE OF CONTENTS


Interactive Tutorial

Start the interactive tutorial to see the three ways you can showcase events:

Design Tip: Want more event styles? ShortPoint has your back! Check out how it can level up your designs.

Step-by-step Tutorial

Follow the option that suits you:


OPTION 1: Using the Events Web Part

To use this option, you must already have events in your Events Calendar:


sample events calendar


Step 1: Edit the SharePoint Page

  • Go to the SharePoint page you want to use and click Edit:


Edit


  • Close the Toolbox:


close icon


Step 2: Add the Events Web Part

  • Click the gray plus icon:


gray plus icon


  • Look for Events and select it.

Step 3: Customize the Web Part

  • Add a Title.
  • Click the Edit Properties icon:


Edit properties icon


  • Customize the Events web part according to your preferences.
  • Close the Events properties:


close icon


Step 4: Publish

  • Once satisfied, Publish your page:


Publish


Congratulations! You now have Events displayed on your page.


results


OPTION 2: Using the Events Web Part

To use this option, you must already have events in your Group Calendar:


sample Group Calendar


Step 1: Edit the SharePoint Page

  • Go to the SharePoint page you want to use and click Edit:


Edit


  • Close the Toolbox:


close icon


Step 2: Add the Group Calendar Web Part

  • Click the gray plus icon:


gray plus icon


  • Look for Group Calendar and select it.

Step 3: Add a Group Calendar

  • Select Add Group Calendar.
  • From the drop-down, select the name of the group you want to use.

Step 4: Customize the Web Part

  • Specify the number of events you want to be shown per page.
  • Close the Group Calendar properties:


close icon


Step 5: Publish

  • Once satisfied, Publish your page:


Publish


Congratulations! You now have the events from your group’s calendar on your SharePoint page:


results


OPTION 3: Using the List Web Part

To use this option, you must have a SharePoint list with a Calendar view:


sample list in calendar view


Step 1: Edit the SharePoint Page

  • Go to the SharePoint page you want to use and click Edit:


Edit


  • Close the Toolbox:


close icon


Step 2: Add the List Web Part

  • Click the gray plus icon:


gray plus icon


  • Look for List and select it.

Step 3: Add a List

  • Select the SharePoint list you want to display.

Step 4: Customize the Web Part

  • Click the Edit properties icon:


Edit properties icon


  • Customize the List web part according to your preferences.
  • Click Apply.
  • Close the List properties:


close icon


Step 5: Publish

  • Publish your page:


Publish


Awesome! You now have events on your SharePoint page:


results


Design Tip: Want more events styles? ShortPoint has your back! Discover how it can elevate your designs.

Web Part Features

Take a look at the features you can customize for each web part:


Events

Source
Source 
allows you to choose the source of the event you want to display.
Events listEvents listallows you to choose the specific events list to showcase.
CategoryCategory
allows you to choose a category to filter the events.
Date RangeDate Rangeallows you to specify the date range to be shown. You can choose from All upcoming events, This week, Next two weeks, This month, This quarter, or choose your own.
Enable audience targetingEnable Audience Targeting
when enabled, you will be able to target content to a specific audience.
Show titleTitle when enabled, the title will be shown.
LayoutLayoutallows you to choose the style of the Events.
Show up to this many items at a timeShow up to this many items at a timeallows you to specify the maximum number of items shown.
Show event imagesShow event imageswhen enabled, the image for the events will be shown.
AnimationAnimationwhen enabled, an animation will take effect when a user hovers over an event.

Group Calendar

Group NameGroup Nameallows you to choose the name of the group you want to be shown.
Number of events per pageNumber of events per page
allows you to specify the maximum number of events per page.

List

ListList
allows you to choose the list you want to display.
ViewView
allows you to choose the view you want to showcase.
FolderFolder
allows you to add a folder name.
SizeSizeallows you to choose how big the list is. You can choose from Small, Medium, Large, and AutoSize.
Show Command BarShow Command barwhen enabled, the command bar will be hidden.
Show see all buttonShow “See all” buttonwhen enabled, the “See all” button will be hidden.
Dynamic FilteringDynamic Filtering
when enabled, you will be able to filter the displayed list based on the filters of another list.



Need More Ways to Showcase SharePoint Events?

You've already found three awesome ways to show off your SharePoint Events, and guess what? There's so much more you can do with ShortPoint! ShortPoint is an amazing design platform that makes building gorgeous SharePoint pages super easy. It's loaded with beautiful templates, really useful design elements, and smooth integrations that make creating pages feel effortless instead of stressful.


With it, you can showcase events in so many creative ways using Date Lists and Events. Here’s some proof: Take a look at the different ways you can style them!


different ways to style events


To top it off, you’re not limited to date-specific Design Elements. You can add a twist to your events by adding images, icons, and so much more with the wide variety of customizations you can apply:


design element customizations


This is where things get really fun! You can easily connect these Design Elements to different SharePoint calendars using ShortPoint Connect. Remember those calendars we showed you earlier? Well, here they are again - but now with so many more styling and customization options you can play around with:


connected Design Elements


Want to create even more awesome events with ShortPoint? We've got some great news for you! You can try it out completely FREE for 15 days. Just head over to shortpoint.com/trial or chat with our friendly experts; they'd love to help you get your pages set up quickly and easily! We can't wait to see all the amazing events you'll showcase.


Related articles:

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.

World's best intranet sites are designed using ShortPoint

Get started today! Learn more
See all 24 topics

Start a trial

Ignite your vision. Install ShortPoint directly on your site, or play in sandbox mode. No credit card required.

Get started today

World’s best intranet sites are designed using ShortPoint

Thousands of companies using ShortPoint everyday to design, brand and build award winning intranet sites.

Get started Learn more