Skip to Content (Press Enter)
2020-07-09 15-22-05
Nuno Fontoura
117Views
6Comments
Solved
[FullCalendar 2] Event with tooltip
Question
JavaScript
OutSystems UI Patterns

Hi

I need help with fullcalendar 2. I want to add a tooltip with the event description like this (https://fullcalendar.io/docs/event-tooltip-demo).


 Can anyone help me?

1
0
24 May 2020
Copy Link
2026-01-19 17-09-56
Carlos Lessa
 
MVP
Solution

Nuno Fontoura wrote:

Hi

I need help with fullcalendar 2. I want to add a tooltip with the event description like this (https://fullcalendar.io/docs/event-tooltip-demo).


 Can anyone help me?

Hi Nuno, this app is reactive or traditional? do you know JS?

This is done as you see in the photo with a JS library tooltip.js


If you click on the right side you will see the code used to generate the calendar and the tooltip, check the link: https://codepen.io/pen/?&editable=true&editors=001=https%3A%2F%2Ffullcalendar.io%2Fdocs%2Fevent-tooltip-demo

Best Regards

Carlos Lessa

1
0
24 May 2020
Copy Link
2020-07-09 15-22-05
Nuno Fontoura

Carlos Lessa wrote:

Nuno Fontoura wrote:

Hi

I need help with fullcalendar 2. I want to add a tooltip with the event description like this (https://fullcalendar.io/docs/event-tooltip-demo).


 Can anyone help me?

Hi Nuno, this app is reactive or traditional? do you know JS?

This is done as you see in the photo with a JS library tooltip.js


If you click on the right side you will see the code used to generate the calendar and the tooltip, check the link: https://codepen.io/pen/?&editable=true&editors=001=https%3A%2F%2Ffullcalendar.io%2Fdocs%2Fevent-tooltip-demo

Best Regards

Carlos Lessa


Hey Carlos, thanks for your help. With your tips about codepen and tooltip.js, I could apply them to the js of the FullCalendar 2 and I think I solve my problem.

2
0
24 May 2020
Copy Link
2026-01-19 17-09-56
Carlos Lessa
 
MVP

Nuno Fontoura wrote:

Carlos Lessa wrote:

Nuno Fontoura wrote:

Hi

I need help with fullcalendar 2. I want to add a tooltip with the event description like this (https://fullcalendar.io/docs/event-tooltip-demo).


 Can anyone help me?

Hi Nuno, this app is reactive or traditional? do you know JS?

This is done as you see in the photo with a JS library tooltip.js


If you click on the right side you will see the code used to generate the calendar and the tooltip, check the link: https://codepen.io/pen/?&editable=true&editors=001=https%3A%2F%2Ffullcalendar.io%2Fdocs%2Fevent-tooltip-demo

Best Regards

Carlos Lessa


Hey Carlos, thanks for your help. With your tips about codepen and tooltip.js, I could apply them to the js of the FullCalendar 2 and I think I solve my problem.

Good I could help you

Cheers!

Carlos Lessa


1
0
24 May 2020
Copy Link
2019-07-08 11-15-14
Meri Hayrapetyan

Hi,

I am trying to implement the tooltips in the Full Calendar. When I am mousing over the event I want to see the event name.

Any help on this?


0
0
08 Jul 2020
Copy Link
2020-07-09 15-22-05
Nuno Fontoura

Meri Hayrapetyan wrote:

Hi,

I am trying to implement the tooltips when I am sliding over the events.

Any help on this?


 Hi Meri,

 You can access to JS code to implement the tooltip by following the Carlos Lessa answer with a link to Codepen.

If you have a specific error, please post it here.

0
0
08 Jul 2020
Copy Link
2021-04-17 09-53-48
José Gonçalves

Hi,

did anyone implemented the example above on the component?

I'm struggling to make it work right.

Thanks

0
0
29 Dec 2020
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.