Home Forums Event Espresso Premium Tricky Calendar Customization Question

Tricky Calendar Customization Question

Posted: November 28, 2012 at 4:44 pm


November 28, 2012 at 4:44 pm

Hi All,

This one may be a doozy to figure out, and it may not be possible without a customization/change to the jullcalendar.js file, but I’d love to get input from experts!

I’d like to make the day-number a different color if the day has any events. Therefore, the day number on the calendar would be one color for all days without events, and then a different color if the day does have any events.

Since the event markers are rendered with javascript on a different layer/div than the actual calendar table, i’m not sure how to identify day numbers that do or don’t have events.

I’d like to apply some CSS to the day-number element, but only if there are events for that day. It looks tricky to me because of how the event markers are rendered on a separate layer. The calendar table doesn’t apply a special class to table cells that have events.

This is tricky to even explain! I hope I’m making sense!

Ideas? Suggestions?


November 28, 2012 at 4:46 pm

I guess it would be a similar setup to how the day-numbers get the “other-month” class if the day is part of an “other month”. I’d like to do the same thing, but based on whether or not the day has an event.

The support post ‘Tricky Calendar Customization Question’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso