Problem decreasing witdh of rich:calendar?

[cmastrantono]

Hi!

I´m having some problems decreasing the width of rich:calendar.

I tried the following code (the one I found in many places) and to modify the "style" but it didn´t work.

<rich:calendar id="someDate" value="#{someBean.someDate}"

                        popup="true"

                        datePattern="dd/MM/yyyy"

                        showApplyButton="false"

                        cellWidth="24px" cellHeight="22px"

                        style="width:200px"

                        enableManualInput="true"

                        showWeeksBar="false"

                         showFooter="false"/>

But the result is a little bit different than the ones in those sites.

Please, find attached an image. On the left, the example of most pages... on the right, my try.

[ilya_shaikovsky]

please check applied styles with FireBug. Maybe some inherited styles breaks the things?

[radu321]

Hi,

I also belive that you should check inherited css styles.

Setting padding for "td" html tags could be "the issue", you could try to override this inherited style for calendar and see if something change.

something like: .myStyle td { padding: 0px } , and apply it to calendar using inputClass, or fix the inherited style .

Also please notice that your css style "myStyle" should be written in an external css file, it is not a good practice to format controls in xhtml files.

Regards,

Radu

[cmastrantono]

Thanks to both!

The problem was with some inherited style, so I made the new style and applied it on the "inputClass", and it worked fine.

Sorry about the "newbie question"