voyent
Styling the SelectInputDate  XML
Forum Index -> Components
Author Message
justinmckay

Joined: 16/May/2006 00:00:00
Messages: 14
Offline


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?
[Email]
pabreau

Joined: 11/May/2006 00:00:00
Messages: 23
Offline


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
[Email]
gregory_m

Joined: 17/Jan/2005 00:00:00
Messages: 130
Offline


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 --
justinmckay

Joined: 16/May/2006 00:00:00
Messages: 14
Offline


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.
[Email]
gregory_m

Joined: 17/Jan/2005 00:00:00
Messages: 130
Offline


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
 
Forum Index -> Components
Go to:   
Powered by JForum 2.1.7ice © JForum Team