Styling the <rich:calendar without skins

[fanningr]

Hi,

First off thanks very much for the 3.1.0 release. I look forward to getting stuck into the few features. Great work.

I am having some difficulty adding custom styles to my richfaces calendar component. Having read the user guide pdf i realise that there is two ways to style the calendar.

1. Skin Parameters using a custom skin
2. Using custom style classes and the <rich:calendar style attribute

I wish to use the second method but have not had much success. Here is code fragments from my calendar.xhtml file. It does not apply the style as i expect.

...

<style>
.rich-calendar-days{
 color: #FFFFFF;
}
</style>
...

<a4j:outputPanel id="calendar" layout="block">
 <rich:calendar popup="#{calendarBean.popup}" style="rich-calendar-days">
 </rich:calendar>
</a4j:outputPanel>

...

Am i doing something wrong? I am using RF 3.1.0 with JSF 1.2 + facelets1.1.12

Thanks

Rich

[ishabalov]

Please read this blog http://blog.exadel.com/?p=25

You need to use ether styleClass with class reference or style with style definition, not class reference.

I'd recommend use firebug add on to Firefox and see what actual styles applied to elements.

[nbelaevski]

Rich,

Developer's guide contains pictures showing possible style class names. Here is info on calendar: http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone/docs/devguide/en/html/RichFacesComponentsLibrary.html#calendar