question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

dayGridMonth not respecting event color

See original GitHub issue

Reduced Test Case

https://jsfiddle.net/qw2sd4ue/

Bug Description

My JSON data includes the backgroundColor property on an event-by-event basis. On the timeGridWeek and timeGridDay views the background color is respected for the event. However on dayGridMonth the default FullCalendar background color is used.

Screenshots

Month view: image

Week view: image

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:2
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

6reactions
acerixcommented, Feb 10, 2021

@acerix I didn’t create this Issue but I’m seeing the same behavior and this shouldn’t be closed

Here’s a codepen as asked for, my json feed’s backgroundColor and borderColor do not seem to be respected on calendar

https://codepen.io/supairish/pen/jOVWyMM?editors=001

By default, timed-events are displayed as a dot so they don’t have a background color in the day grid view, you can set eventDisplay: 'block' to change that:

https://codepen.io/acerix/pen/QWGKzVd?editors=001

3reactions
thaoulacommented, Feb 8, 2021

Hi @acerix,

I am seeing the same issue and would appreciate if you please could re-open this bug.

I think any dayGrid based view has this issues. Our other views are working fine and seem to respect the event colours on a per event basis.

Regards, Tarek

Read more comments on GitHub >

github_iconTop Results From Across the Web

fullCalendar: set event background color to linear-gradient not ...
The backgroundColor cannot accept a gradient. This is equivalent to the background-color property in CSS. Background color values can only ...
Read more >
Docs List View - FullCalendar
A list view displays events in a simple vertical list for a specific interval of time. If there are no events during a...
Read more >
Change a calendar name or color on iCloud.com
When you change a calendar's color, all of its events change to the new color. In Calendar on iCloud.com, click Edit at the...
Read more >
Filemaker Calendar add-on color change - Claris Community
.fc-dayGridMonth-view .fc-bg .fc-today {; background-color: red;; } .fc-dayGridMonth-view ... Apply the following mod to the Web Viewer calculation:.
Read more >
[Plugin Update] Full Calendar - #60 by sdharssi - Bubble Forum
Is there any way to change the colour of the labels in the Full ... but this ID seems to be for the...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found