Topic: Different event colors on Full Calendar

peddomgar free asked 4 years ago

I want to show the events at calendar with different colors, mdb default colors can work.

Now every events has same color and can not see any property to change this

peddomgar free answered 4 years ago

What code? I'm using the base calendar code and works fine, but I want to draw events in different colors, to show different kind of events, for example, gym event in green, work meeting in blue, medical issue in red, etc. I want to be able to select at event in event list which color to use, not all events in blue.

events: [{
            title: 'All Day Event',
            description: 'description for All Day Event',
            start: '2018-11-01'
            //This in green
            title: 'Long Event',
            description: 'description for Long Event',
            start: '2018-10-07',
            end: '2018-11-10'
            //This in red
            id: 999,
            title: 'Repeating Event',
            description: 'description for Repeating Event',
            start: '2018-11-09T16:00:00'
            //This in orange

Tomek Makowski staff commented 4 years ago

Unfortunately you can't change events' color. Our package doesn't allow this

peddomgar free commented 4 years ago

So what? you sell a calendar with no colored event selector? Let me say I'm so frustrated about this, think is a "must have" functionality for a "pro" calendar component, I'll solve my way but be sure next time will review in deep your products before buy one of them, what an ugly surprise.

Tomek Makowski staff commented 4 years ago

While we were creating this plugin we did not planning such feature. I will add this idea to our idea list and we will talk about implementing this solution in our team.

arifainchtein free commented 3 years ago

please do, now i need to explain to my boss why the calendar plug in i just recommended can not change color for each event type. This is important. please add the feature. thanks

Krzysztof Wilk staff commented 3 years ago


We'll add this feature in the future. Now we don't plan to add it.

Best regards

Tomek Makowski staff answered 4 years ago


Could you show your code in the snippet editor


Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.19.0
  • Device: iMAC
  • Browser: Chrome
  • OS: OS X Catalina
  • Provided sample code: No
  • Provided link: No