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

Hi!

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


Hi

Could you show your code in the snippet editor

https://mdbootstrap.com/snippets/

Regards



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

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