Nuno Fontoura
Rank: #1183
44Views
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
on 2020-05-24
Copy link to comment
Carlos Lessa
Rank: #184
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
on 2020-05-24
Copy link to comment
Nuno Fontoura
Rank: #1183

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
on 2020-05-24
Copy link to comment
Carlos Lessa
Rank: #184

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
on 2020-05-24
Copy link to comment
Meri Hayrapetyan
Rank: #2057

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
on 2020-07-08
Copy link to comment
Nuno Fontoura
Rank: #1183

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
on 2020-07-08
Copy link to comment

Hi,

did anyone implemented the example above on the component?

I'm struggling to make it work right.

Thanks

0
0
on 2020-12-29
Copy link to comment