Styling the SelectInputDate

The SelectInputDate component does not seem to style.

Example of the jsp code.

<ice:selectInputDate id="SCHEDULED_VALUE" styleClass="input" value="#{dataSortList.newTask.scheduled}" imageDir="#{styleBean.imageDirectory}" renderAsPopup="true"/>

If you look at the html output there is no span with the specified styleClass, or any other mention of the styled class what so ever. Is this an issue anyone else has run into?

Justin,
Yes, I think you're right. The styleClass attribute doesn't seem to have an effect on the Calendar component right now. Our developers are looking into it. In the meantime, I tested work-around that may be helpful to you. You can override the styleClass with an inline style attribute in the Calendar. ie:
<ice:selectInputDate style="color: pink;"
imageDir="#{styleBean.imageDirectory}"
value="#{dateSelect.date1}"/>

Thanks,
Philip

The selectInputDate styleClass attribute is only used as a prefix in the style class names for the various elements that make up the calendar.

If the styleClass attribute is set to "myCal". Your css file would need to define style classes named as follows;

myCalOutline
myCalMonthYear
myCalWeek
myCalDay, myCalDay a, myCalDay a:hover
myCalCur, myCalCur a

For an example take a look at the xp.css file in the /resources/css/xp/ directory included in the ICEfaces-Community-1.0.0 release.

-- Greg McCleary --

Well, based on the way the other elements seem to apply the styleClass attribute, the div that wraps the date(input field) and the clickable icon should apply that style class.

For me it is a matter of controlling page layout. I don't want to control the actual look of the calendar only where it is on the page. Using the styleClass on these elements gives an easy way to layout pages, it just seems that the selectInputDate breaks that.

We will be addressing this issue in an upcoming release.

In the mean time could you try wrapping the selectInputDate in a DIV and then applying the positioning/layout style class to the DIV ?

Currently, wrapping the selectInputDate in a PanelGroup will not work.

Thanks.

-- Greg McCleary --

Message was edited by: Gregory McCleary