Forums

I'm putting together a report that uses YUI 2 Calendar to show a month of e-newsletters that our company publishes. Since it's just a report, I take full advantage of the screen and the calendar is about 700 pixels wide, so you can imagine that the individual date table cells are pretty big.

My question: Is there a way to put in custom labels in the table cell? My current approach is to subscribe to the renderEvent event and get the table cell and it's anchor child and append to its innerHTML, but that blows out the weekday column:



When I look at the underlying HTML code, it doesn't look like it should have that bad of an effect:



Here's the custom event handler YUI code:



So is there a better/more-official way?

Thanks!

Hi Matt - thanks for the reply!

I agree, the Render Stack is a cool thing, but when I use it, it seems to be an all-or-nothing thing. Plus I still get crazy column widths. Check out the effects of this custom renderer:






If I don't do the STOP_RENDER, it replaces whatever I've done w/ the YUI default.

All being I have to render all of the content (and selectability) within the date cell or nothing, being when I pass control back to YUI to complete the date cell, it replaces whatever I've done.



I slapped together a quick demo in the Google Code Playground ... let's see if this works:

http://savedbythegoog.appspot.com/?id=06387a866cfafe18029d8225705a646738588d14

Thanks!

I'm using Chrome. Wow ... I just pulled it up in Firefox and I see what you mean about the header. I wanted a big calendar - how does one style it properly? It'd be nice if width was a config option to the calendar. I also don't see an option to just turn the header off altogether.

I tried the stack approach (calling default renderer and then my custom renderer, but my custom renderer, even with the +=, is replacing the date cell content.

That diary widget looks pretty sweet! Do you have an example of what it looks like in the month view? I'll have to give it a check out.