04-15-2019 06:24 AM
04-15-2019 06:24 AM
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.
04-15-2019 07:36 AM
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.
04-15-2019 07:54 AM - edited 04-15-2019 08:01 AM
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 .
04-15-2019 09:26 AM
the column "Display Name" the Birthday column is only date not date and time....
Do you deploy de app in appcatalog ?
Do you added the web part to the page ? The Web Part is in the list of WebParts ?
please do F12 and go to console to check there are any arrors .
04-16-2019 02:43 AM - edited 04-16-2019 03:35 AM
Thank you for your help so far @João José Mendes ,
I have done all that you noted in the replies and videos. Using the information below,
I only changed the TenantURL in the local.settings.json file as shown in the image below
Also, in the Birthdays table, the userAADGUID column is empty
Could these be what's wrong? Do I need the userAADGUID for it the work? Do I have to assign values to all the variables in the local.settings.json file?
04-16-2019 04:52 AM
The WebPart have two option:
1- the birthdays list can be automatically created and filled width user information there are on Azure AD , for that there are an Azure Function (timer function) must be installed on Azure. and the field "userAADGUID" . is used for sync only , don't have impact to display birthdays.
2- You can create the Birthdays list manualy and add item to it. and the field birthday must have the year in 2000. only that.
04-16-2019 04:56 AM
@memunati have you changed the code ?
You don't need to change the code... you only have to create a birthday list with the correct named columns . and install the sppkg. in appcatalog -> deploy and add the webpart to a page.
please download the last sppkg
and install in appcatalog and deploy add the webpart to a page.
04-16-2019 11:01 AM
@João José Mendes, Your explanations about how to get this working is really nice, but I am also having the same challenge as Memunat, as I did followed your steps closely, What am I missing?. See my screenshot below.
However, I also have a question.
For every staff birthday, do I have to manually enter the date each time there is an upcoming birthday? or does it resolve automatically (i.e All I just do Is to enter all the staff names, Birthdate and all other columns)?
04-17-2019 12:43 AM
@João José Mendes, Thanks to your feedback, I really appreciate it. But here is my process.
I am not using the root site because my site is in this path: https:\\xxx.sharepoint.com\sites\intranet , and it is a modern communication site that already has many contents.
Question: Are you saying that I create the birthday list here: https:\\xxx.sharepoint.com and include my birthday webpart here: https:\\xxx.sharepoint.com\sites\intranet and all will be ok?
Question: Will it show the staff birthdays when next year reaches with the inputs already in the birthday list or do I have to do a flow for recurrence?
04-17-2019 01:27 AM
The webpart can be added in any site , it read the birthdays from a list created in Root Tenant site.
You only have to add the users one in the list,
the web part works with month and day is independent of the year!! the it get's the current month and day to get the upcoming birthdays.
04-17-2019 03:12 AM
@João José Mendes, I have re-created the list with 3 items sample in my root tenant (which is in classic experience) and added the webpart in my modern communication site, but still did not show up. I have absolutely followed the instructions. Something is not right.
Could it be that the local.settings.json was suppose to point the TenantURl variable to my tenant site https://xxx.sharepoint.com instead of yours? I am just inquisitive to know why it did not work.
My List location: https://xxx.sharepoint.com/Lists/Birthdays/AllItems.aspx
My Classic tenant is https://xxx.sharepoint.com/
My Modern Communication site: https://xxx.sharepoint.com/sites/Intranet
04-17-2019 03:25 AM
Only have to install de sppkg in appcatalog, deploy and add webpart to a page in any site.
First create the list called Birthdays in root tenant site, with the right column names and de date must have 2000 on year.
Please send me print screens of your list definition, list items .
and see the console log is there are errors, in browser, F12 -> console
For me and other user sthe webpart is working correct.
04-17-2019 04:56 AM
The problem is that the app was not given consent . Try the deploy and grant consent to the app in appcatalog.
First Delete the app from appcatalog, add the sppkg download the latestd version here : https://sitenanuvem-my.sharepoint.com/:u:/g/personal/joao_j_mendes_sitenanuvem_pt/Ebl4y_iQ619Ppfq55r...
Select the App, and select deploy option in ribbon.