SharePoint Web Part - SPS Events Web Part

SPS Events Web Part

SPS Events web part allows users to see the event and its details in various formats. Admin can select specific sites, event list and view the event list which admin wants to show to the user in SPS Events web part. Users can create a view in SharePoint list & choose that view to filter down the events. This web part showcases events neatly on your SharePoint pages. You can display events on the website and let users go to the event link or landing page easily for further actions.

We have created 6 different layouts to present events in the web part. We have 33 panel layouts which gives good appeal to the web part. This web part is very easy to use.

We have lots of features here i.e.

  • Selection of web part panel from 33 layouts
  • Selection of web part layout from 6 layouts
  • Setting height of web part.
  • Using default color theme to show layouts.
  • Use of Fluent UI Icons in the layouts.

SPS Events Web Part is responsive & usage SharePoint theme for it's coloring.

Currently this web part is for SharePoint Online version only.

We have following web part property sections & properties: -

1. Web Part Settings

  • Web Part Title

    - Add / update web part title to show on web part.

  • Web Part Description

    - Add web part description here

  • Web Part Icon

    - Select web part Icon to show. The default web part icon is Diamond.

  • Default Icon for Data

    - Select default icon for each blank record. The selected icon will be displayed when icon is not present in the item or you have not selected icon field.

  • Select Image for layout #11 and #32

    - There are 2 web part layouts which has image settings. You can chose image for the background.

  • Height of web part

    - User can resize the height of the web part in pixcels. Default height is 440px.

2. Web Part Data Settings

  • Select Site

    - Select a site to get the list & other fields.

  • Select List

    - Select a list to show the items from.

  • Select View

    - Select a list view to show the filtered items.

  • Number of items to show

    - Select number of items to show on the webpart. Default value is 6 and minimum value is 3 and maxmium value is 100.

3. Web Part Panel Layout

  • Select panel layout

    - You can select web part panel from 1 to 33. You can click here to check.

4. Web Part Layout

  • Select layout number

    - With this option, the user can select any layout from 1 to 6.

5. App Version Information

  • Here we are showing information about the app version , solution version, manifest version, Help & Support email.

6. License

  • In this section, we are showing information about licenses.

How to use

Here we are showing how to use the web part


Supported Hosts :

  • SharePoint
  • SharePoint Full Page
  • Teams Tab

Installation of App :-

  1. Click here to download the sppkg file.
  2. Visit the Microsoft 365 SharePoint Admin Center
  3. Go to Apps -> App Catalog. If you don't have app catalog, here are the instructions for creating one.

    If you have Site Collection level App Catalog, just to to Apps for SharePoint from your site collection.
  4. Click 'Upload' and select sps-quick-links.sppkg file to upload.

  5. Check the box for Make this solution available to all sites in the organization and click the Deploy button.

  6. A successful installation will look like this:

  7. if you receive an App Package Error Message stating, "Deployment failed," as shown here, simply delete the .sppkg file and repeat steps 4 and 5 to redeploy.
  8. Now go to the site where you want this tool. Just create a new page or edit existing page and add a webpart 'SPS Events Web Part'.

  9. The SPS Events webpart can be setup with Edit Web Part properties :

  1. Showing view what you have selected #1

  2. Showing view what you have selected #2

  3. Showing view what you have selected #3

  4. Showing view what you have selected #4

  5. Showing view what you have selected #5

  6. Showing view what you have selected #6


Contact With Me

Gaurav Goyal

Chief Operating Officer

I am available for any help. Connect with me via and call in to my account.

Phone: +91-982-621-1734 Email: