44
Views
6
Comments
Solved
[FullCalendar 2] Event with tooltip

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?

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

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.

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


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?


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.

Hi,

did anyone implemented the example above on the component?

I'm struggling to make it work right.

Thanks