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.

CSS class for days w/ events over them

See original GitHub issue

Originally reported on Google Code with ID 74

Hi,

I want to change background color of some special days, look like the
current day of month.

How can I do it?

Thanks

Reported by phuctbui on 2009-08-05 14:06:02

Imported with 12 stars.

Issue Analytics

  • State:open
  • Created 8 years ago
  • Comments:30 (28 by maintainers)

github_iconTop GitHub Comments

4reactions
mobyjamescommented, Aug 2, 2016
eventAfterRender: function(event,element) {
  var index = element.parent().index();
  element.closest('.fc-week').find('.fc-bg td').eq(index).css('background-color', 'white');
}
0reactions
linycocommented, Sep 1, 2017

we have multi-day events, came up with solution based on @mobyjames 's solution

eventAfterRender: function(event, element) {
    var index = element.parent().index();
    var colspan = element.parent().prop('colspan')

    n = 0
    while (n < colspan) {
      element.closest('.fc-week').find('.fc-bg td').eq(index + n).css('background-color', 'white');
      n++
    }
  }
Read more comments on GitHub >

github_iconTop Results From Across the Web

Custom CSS by day of week - - The Events Calendar
Today, I'm looking to add custom css class to days of the week. We have some custom displays that show our events in...
Read more >
HTML markup for multi-day calendar events - Stack Overflow
Days flow well when changing between month/week/day views (not possible with tables). For multi-day events, Javascript can do the layout.
Read more >
How to Create Event Booking Calendar | HTML CSS - YouTube
I use CSS grid to create an event calendar. It's actually ... If you enjoy the videos, consider supporting the channel as it...
Read more >
How do I Change and Persist RadCalendar CSS class on ...
CSS class of the DOM Element (the td cell). I'm using the client side code shown below. It's hooked to the OnDateClick event....
Read more >
CSS Events - Elad Shechter
That's it, we now have pure CSS Toggle with no JS. When clicking on the element with the boxy class(label element), we trigger...
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