rich:calendar width issue

[vishal3007]

I am creating the custom calendar using rich:calendar. The width will be provided by the developer. he can provide width in terms of px or %.

I do need to divide the provided width to the both inputField and the calendar icon.

If i assign the complete width to the inputField through inputStyle, then icon comes in the next row.

If i assign the width as 90:10 ratio through inputStyle and buttonStyle. then some blank space comes after the icon if width is large say 100%. and icon comes at next row if the width is less say 10%.

Any idea how to deal with thsi kind of situation?

[vishal3007]

Any idea to solve this???

[ariefzj]

Hi,

We had more or less the same problem. In our column, the icon goes to the next line if the column is not wide enough. Well.. we believe this is due to the structure of the rich:calendar component itself where all the rendered HTML component will reside in a span element, and no css class is available for this span element. So, we ended up creating a wide-enough column to put this calendar.

However, if you are putting it inside a table column... you could probably use some css on that TD element such as noWrap attribute.