Rich Faces Calendar/ css html

This should be an easy question! But I'm not so familiar with styling/css and html.

So therefore Is there anyway to shorten the text boxes that come with rich:faces calendar?

and also the size of the pop up calendar that comes up?

The link to rich faces calendar is

http://livedemo.exadel.com/richfaces-demo/richfaces/calendar.jsf?c=calendar&tab=usage

Thanks!!!开发者_Python百科

Size of the text box can be managed by inputSize tag available in <rich:calendar

And for the size of pop up calendar you will have to give the id of the component and accordingly override the classes of the richfaces css.

You can check the classes and values by Right Click -> Inspect Element in firefox (installing firebug).

For example when you inspect the popup you will find a table which will contain the id given by you and then apply the following style

.idAsSeen {
width : 80px;
height : 80px;
}