Calendar + dataTable IE rendering problem

[vpech]

Hello!
I'm using rich:calendar inside a datatable. But in IE (6&7) the dataTable is not rendered properly.

I'm using RF 3.2.0
Screenshot:

[url=http://img507.imageshack.us/my.php?image=image2bp6.jpg][img=http://img507.imageshack.us/img507/461/image2bp6.th.jpg][/url]

[vpech]

In Firefox the table appears like this:

[url=http://img411.imageshack.us/my.php?image=image3ah2.jpg][img=http://img411.imageshack.us/img411/4875/image3ah2.th.jpg][/url]

[ilya_shaikovsky]

can't reproduce in my env. Could you please post page code?

[vpech]

Here is my code

<rich:modalPanel id="panel"
 autosized="true"
 width="1000"
 height="#{activitymanager.panelHeight}"
 top="20"
 left="20"
 >

 <f:facet name="header">
 <h:outputText value="Selected Rows"/>
 </f:facet>
 <f:facet name="controls">
 <span style="cursor:pointer" onclick="javascript:Richfaces.hideModalPanel('panel')">X</span>
 </f:facet>

 <h:form>
 <h:panelGroup id="inside_term_panel">

 <rich:dataTable value="#{activitymanager.selectedActivities}" var="sel" id="table" width="100%">


 <rich:column id="mod_col3" width="15%">
 <f:facet name="header"><h:outputText value="Ist Start" /></f:facet>
 <rich:calendar value="#{sel.actualStartUDF}"
 popup="true"
 showInput="true"
 showApplyButton="true"
 inputClass="dr-sdt-bc rich-sdt-column-cell dr-sdt-bcbody borderclass "
 disabled="#{!sel.taskActualStartUDFWritable}"/>
 </rich:column>

 ... more columns with calendar

 </rich:dataTable>

 <a4j:commandButton value="Submit"
 reRender="form_termine"
 onclick="javascript:Richfaces.hideModalPanel('panel')"
 styleClass="myP6button" />
 </h:panelGroup>
 </h:form>
 </rich:modalPanel>

it occours only if "showInput" is set to ture.

[ilya_shaikovsky]

seems something about some of CSS styles applied.. still can't reproduce.. you may open an issue and attach war file.

[vpech]

Removing the css 'dr-sdt-bcbody' from 'inputStyle' solved the problem. You can find it in the richfaces-ui-3.2.0.GA.jar org.richfaces.skin.xcss

the content of 'dr-sdt-bcbody':

.dr-sdt-bcbody {
 cursor: default;
 font-weight: normal;
 white-space: nowrap;
 overflow: hidden;
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
 -moz-box-sizing: border-box;
 -moz-outline: none;
 width: 100%;
 height: 20px;
 }

[ilya_shaikovsky]

do you really need it?

[vpech]

No, it was my workaround to set the appearance of the inputText-fields similar to the columncells in the Table, so I used the css classes from the skins.xcss - and it was ok with Firefox. I recognized the problem while testing my app with IE 7.