Forum Discussion
Employee Birthday Calendar Web Part
Hi, I am new to SharePoint and I am trying to implement an employee birthday calendar on SharePoint using the web-part here https://github.com/SharePoint/sp-dev-fx-webparts/tree/master/samples/react-birthdays.
Following the instructions on the link, I have created a Birthdays list and have deployed the Birthday web part to SharePoint online, I am currently stuck at connecting the Birthdays list and the Birthday web part so that the web part can fetch the Birthdays data from the list.
Any idea on the next step to take? I have surfed the internet and could not find anything helpful.
Hello dotunman210.
Please create on list of birthdays an Index by column "Birthday" is need to sort and filter birthdays.
I found that the webApiPermissions required to use Graph API was missing on webPart. and is that the problem.
I changed and create a new package. sppkg. Please Install the new sppkg,
and deploy you will see the consent panel and a message to inform to go to manage api management to aprove the API permissions.
go to:
SharePoint Admin Center - https://xxxx-admin.sharePoint.com and change to new . SharePoint admin center and go to :
API management and aprove the permissions that are in pending status.
Soon I will update a detailed documentation and new code and package on REPO.
Thank you.
Hi memunati ,
Please can you give me more details about your problem ?
Can you send me print screens about you birthday list and the webpart ?
Thank you.
João Mendes
Hi João José Mendes ,
Attached below is a screenshot of the Birthday list,
below is a screenshot of the deployed Birthday web-part
I want to connect both the web-part and the list so that when I add the Birthdayweb-part to a page as shown below, it will display the Employees' Birthdays.
Thanks.
Hi memunati ,
Please check if your birthday list has this columns: See image :
The birthday date must have 2000 on year, for example: 4/17/2000, 4/17/2000, etc...
Add Webpart "Birthday" to you Page. edit page and add webpart .
Thank you.
João
I am trying to install this solution and when I go to gulp build I am getting a
internal/modules/cjs/loader.js:638 throw error:
Error: Cannot find module '@microsoft/sp-build-web'
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:636:15)
at Function.Module._load (internal/modules/cjs/loader.js:562:25)
at Module.require (internal/modules/cjs/loader.js:690:17)
at require (internal/modules/cjs/helpers.js:25:18)
at Object.<anonymous> (C:\Users\user\sp-dev-fx-webparts\samples\react-birthdays\gulpfile.js:5:15)
at Module._compile (internal/modules/cjs/loader.js:776:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:787:10)
at Module.load (internal/modules/cjs/loader.js:653:32)
at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
at Function.Module._load (internal/modules/cjs/loader.js:585:3)
I'm also trying to add the webpart. Did all the steps:
- npm install
- gulp build
- gulp bundle --ship
- gulp package-solution --ship
- Add and Deploy Package to AppCatalog
- Go to API Management - from SharePoint Admin Center new experience, and Approve the Permission Require to Use Graph API SCOPES
The file is in the appCatalog, but the web part is not visible on the site.
When I want to add the webpart on the page I don't see it in the list.
Never mind, I already fixed it.
Is it also possible to change the language within the webpart and show the items as a list in stead of as cards?
memunati @João José Mendes how do you get the user's profile pictures to show up?
Harry_G so the photos are retrieved from SP user profile using
/_layouts/15/userphoto.aspx?size=L&username=user@email.com
The app wasn't connecting to my list very well, and using F12 I saw that the user email was "undefined".
I rebuilt the Birthday list and it worked. Try doing that and make sure to use the exact columns.
- Hi João José Mendes
This web part is only for Birthdays?
Is there any configuration to show anniversaries?- Yes it's just for Birthdays.
I've wasted too much time just trying to download the package to get it working, I think it's better to look for other alternatives.
I do not recommend this package.HELLO, in webpar are showing 5 upcoming birthdays, in wepart proproties don't allow to change 5 to other number. I found in code hardcored 5. Changed to 3, rebuilded and upadated pachage on sharepoint, but still seeing 5 upcoming. Any advise where i should search in code ? And other thing we want add copmany namy in birthday card, tryied update code code, but not succesfully
