I have implemented qtip2 in fullcalendar following is the code I have written to render tooltip
eventRender: function (event, element) {
element.find('.fc-title').append("<br/>" + event.shiftname);
element.qtip({
content: {
text: function (api) {
var content = event.description;
if (content != '')
return content;
}
},
position: { viewport: true },
style: { classes: 'qtip-custom' },
});
}
It appears when mouse hover on event. But when I resize the event, qtip appears multiple times.
I have added show: {solo:true} options in qtip
element.qtip({
content: {
text: function (api) {
var content = event.description;
if (content != '')
return content;
}
},
position: { viewport: true },
style: { classes: 'qtip-custom' },
show: { solo: true }
});
This resolved my issue.