jqueryfullcalendarqtip2

qtip appears multiple times in fullcalendar


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. enter image description here


Solution

  • 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.