Home

Custom calendar webpart for modern pages

%3CLINGO-SUB%20id%3D%22lingo-sub-862769%22%20slang%3D%22en-US%22%3ECustom%20calendar%20webpart%20for%20modern%20pages%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-862769%22%20slang%3D%22en-US%22%3E%3CP%3EHey%20everyone%2C%20I%20manage%20a%20small%20business%20sharepoint%20site%20and%20I'm%20gradually%26nbsp%3B%20adding%20functions%20that%20would%20%22pull%22%20our%20team%20of%209%20people%20into%20the%20Sharepoint%20Online%20environement%2C%20because%20we%20still%20dwell%20in%20Excel%20files%2C%20individual%20storage%20locations%2C%20unstandardized%20document%20templates%20and%20so%20on%E2%80%A6%20One%20of%20the%20major%20reasons%20for%20a%20slower%20development%20is%20the%20fact%20that%20the%20modern%20sites%20don't%20support%20monthly%20view%20calendar%20webpart.%20I've%20found%20come%20custom%20code%20here%20%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2FSharePoint%2Fsp-dev-fx-webparts%2Ftree%2Fmaster%2Fsamples%2Freact-calendar%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fgithub.com%2FSharePoint%2Fsp-dev-fx-webparts%2Ftree%2Fmaster%2Fsamples%2Freact-calendar%3C%2FA%3E%20but%20I'm%20clueless%20when%20it%20comes%20to%20coding.%20I'm%20not%20an%20IT%20professional%20but%20am%20quite%20tech%20savy%20and%20I%20could%20probably%20do%20some%20easy%20guided%20command%20line%20coding.%20Before%20I%20delve%20into%20that%2C%20I%20have%20noticed%20that%20I%20can%20also%20upload%20a%20webpart%20file%20through%20Site%20settings%2Fweb%20parts.%20Files%20there%20have%20file%20type%20extensions%20such%20as%20*.dwp%20or%20*.webpart.%20Is%20there%20a%20way%20that%20I%20could%20convert%20the%20reach%20calendar%20code%20from%20the%20link%20above%20into%20a%20packaged%20file%20and%20upload%20it%20thorugh%20the%20admin%20panel%20or%20am%20I%20missing%20something%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-862769%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EAdmin%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-863004%22%20slang%3D%22en-US%22%3ERe%3A%20Custom%20calendar%20webpart%20for%20modern%20pages%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-863004%22%20slang%3D%22en-US%22%3EThose%20WebParts%20you%20can%20upload%20throught%20the%20site%20settings%20are%20classic%20WebParts%20so%20they%20cannot%20be%20used%20in%20modern%20SPO%20pages.%20Therefore%2C%20you%20will%20need%20a%20developer%20to%20write%20a%20custom%20calendar%20WebPart%20for%20you%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-863296%22%20slang%3D%22en-US%22%3ERe%3A%20Custom%20calendar%20webpart%20for%20modern%20pages%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-863296%22%20slang%3D%22en-US%22%3EHey%20Juan%2C%20thank%20you%20for%20your%20response!%20Could%20you%20please%20specify%20what%20do%20you%20mean%20by%20%22write%20a%20custom%20calendar%20webpart%22%20considering%20that%20the%20code%20for%20it%20has%20already%20been%20written%3F%3C%2FLINGO-BODY%3E
Aljaž Dvoršak
New Contributor

Hey everyone, I manage a small business sharepoint site and I'm gradually  adding functions that would "pull" our team of 9 people into the Sharepoint Online environement, because we still dwell in Excel files, individual storage locations, unstandardized document templates and so on… One of the major reasons for a slower development is the fact that the modern sites don't support monthly view calendar webpart. I've found come custom code here https://github.com/SharePoint/sp-dev-fx-webparts/tree/master/samples/react-calendar but I'm clueless when it comes to coding. I'm not an IT professional but am quite tech savy and I could probably do some easy guided command line coding. Before I delve into that, I have noticed that I can also upload a webpart file through Site settings/web parts. Files there have file type extensions such as *.dwp or *.webpart. Is there a way that I could convert the reach calendar code from the link above into a packaged file and upload it thorugh the admin panel or am I missing something?

2 Replies
Highlighted
Those WebParts you can upload throught the site settings are classic WebParts so they cannot be used in modern SPO pages. Therefore, you will need a developer to write a custom calendar WebPart for you
Highlighted
Hey Juan, thank you for your response! Could you please specify what do you mean by "write a custom calendar webpart" considering that the code for it has already been written?
Related Conversations
Booking Errors
fredzahn in Microsoft Bookings on
3 Replies
Reserving a meeting room via Bookings
HannuT in Microsoft Bookings on
0 Replies
O365 Group Calendar
Jeff Harlow in Office 365 Groups on
7 Replies