Agular full calendar view events styling

Question

I want to Add hover effects on Events of Angular Full-calendar-view(using this version ^5.10.2). I tried by using eventMouseEnter and eventMouseLeave functions but it's not helping me to add effects on events. Pic attached to show events on Full calendar.enter image description here

Please provide enough code so others can better understand or reproduce the problem. — Community, Jun 13 '22 at 14:51
Does this answer your question? [Agular full calendar view events styling(hover effect)](https://stackoverflow.com/questions/72612897/agular-full-calendar-view-events-stylinghover-effect) — Nick is tired, Jun 14 '22 at 10:42

score 0 · Answer 1 · answered Jun 13 '22 at 14:25

I don't know if you use Jquery, but if yes, you could define your hover style(s) in a class (in my case, .event_hover) and then do something like...

eventDidMount: function(info) {
    var $el = $(info.el);        
    $el.hover(function() {
        $(this).addClass("event_hover");
    }, function(){
        $(this).removeClass("event_hover");
    });
}

If you don't use jQuery, you may could do something similar in Javascript, but at the end the key is to modify the eventDidMount event. Hope it goes right for you.

Agular full calendar view events styling

1 Answers1

Linked