Support

October 25, 2012 at 8:16 am

Sorry, I was describing html tags like “div” and “a” and it seems to have messed up my post, even with spaces around the brackets. The preview lied! Here is how it’s supposed to read:

Hi all,

After attempting to customize the CSS of the calendar widget I am at wit’s end. I’ve got it to look sort of correct, but there is one huge issue I’m having – on an event day, instead of just putting an anchor tag around the date on the table (in the div.fc-day-numberX) it makes a completely separate “div” that is absolutely positioned over that particular “td”.

This system seems over-complicated. This means I am unable to remove that green checkbox graphic and place a background indicator graphic underneath the day of the month in the correct “td”. The “td”s with events on that day don’t even have a class associated with them that indicates there is an event.

Even if I mess with the z-index and put the div.fc-day-number on top of the absolutely positioned “div” it shows the day number on top, but of course it blocks the “a” that you need to click to see the event.

Surely there is a way to just put the anchor in the td.fc-day or div.fc-day-number and forget about this absolute-positioned nonsense?

October 26, 2012 at 1:25 pm

Man, I’m good at being my own support line! Although I didn’t get the anchor to appear in the actual “td” it’s associated with, but I figured out how to get the date to appear in the a.fc-event-title. So now it doesn’t matter if the a.fc-event-title is positioned on top of the date on the calendar, since the date is in the anchor now.

Here is the code, hopefully this helps someone in the future:

espresso-calendar-widget.php –
Find the line that displays the p.time-display-block. For me it looked like this:

$espresso_calendar_widget .= 'element.find(\'.fc-event-title\').after($jaer(\'\' + event.startTime + \' - \' + event.endTime + \'\'));';

You can change it or add to it whatever you want. I changed it to this:

$espresso_calendar_widget .= 'element.find(\'.fc-event-title\').after($jaer(\'\' + event.day + \'\'));';

I don’t remember what other parts there are to the event object (I only needed event.day), but if you need to check enter the following code as part of the javascript that this file generates:

console.log(event);

Using the Firebug plugin you can check the console, open the event object that has now been logged there, and see what properties you can use.

Now I just need to figure out how to make this change in the “custom” area so they’re not overwritten by plugin updates, but otherwise it’s working fine.