react-typescript-FullCalendar

%3CLINGO-SUB%20id%3D%22lingo-sub-2155578%22%20slang%3D%22en-US%22%3Ereact-typescript-FullCalendar%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2155578%22%20slang%3D%22en-US%22%3E%3CP%3EI%20am%20using%20fullCalendar%20using%20react%20typsecript.%3C%2FP%3E%3CP%3EWhile%20hovering%20on%20events%20I%20need%20to%20display%20information%20about%20events.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHow%20we%20can%20do%20in%20full%20calendar%20using%20react%20or%20tool%20tip%20fabric%20ui%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks%20and%20Regards%3C%2FP%3E%3CP%3EDisha%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2158900%22%20slang%3D%22en-US%22%3ERe%3A%20react-typescript-FullCalendar%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2158900%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F945945%22%20target%3D%22_blank%22%3E%40Deeksha10%3C%2FA%3E%26nbsp%3BIf%20you%20are%20looking%20for%20examples%20of%20how%20to%20work%20with%20React%20web%20parts%2C%20I%20recommend%20that%20you%20check%20out%20the%20PnP%20Web%20part%20samples%20repo.%20All%20PnP%20initiatives%20can%20be%20found%20at%20%3CA%20href%3D%22https%3A%2F%2Faka.ms%2Fm365pnp%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Faka.ms%2Fm365pnp%3C%2FA%3E.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ESpecifically%2C%20there%20is%20a%20very%20nice%20sample%20with%20a%20calendar%20web%20part%2C%20including%20how%20to%20use%20adaptive%20cards%20on%20hover.%20Check%20out%20the%20source%20code%20at%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2Fpnp%2Fsp-dev-fx-webparts%2Ftree%2Fmaster%2Fsamples%2Freact-calendar%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fgithub.com%2Fpnp%2Fsp-dev-fx-webparts%2Ftree%2Fmaster%2Fsamples%2Freact-calendar%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EGood%20luck!%3C%2FP%3E%3C%2FLINGO-BODY%3E
Occasional Contributor

I am using fullCalendar using react typsecript.

While hovering on events I need to display information about events.

 

How we can do in full calendar using react or tool tip fabric ui?

 

Thanks and Regards

Disha

2 Replies

@Deeksha10 If you are looking for examples of how to work with React web parts, I recommend that you check out the PnP Web part samples repo. All PnP initiatives can be found at https://aka.ms/m365pnp.

 

Specifically, there is a very nice sample with a calendar web part, including how to use adaptive cards on hover. Check out the source code at https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-calendar 

 

Good luck!

@Don Kirkham Hi, Thanks for your reply.

 

I have used resourceTimelinePlugin which is premium version, on hover of resources how to display some information..I am not able to manage showing tooltip on hover of resources.

 

Regards

Disha