Hi,
When I place my scrollableDataTable inside a modalPanel the columns are not resizeable. The same scrollableDataTable behaves as expected when it's outside the modal panel.
This is only happening in Firefox, in IE 6 the columns are resizeable.
Is this a known problem in RichFaces 3.2.2GA or am I doing something wrong?
The code:
<rich:modalPanel id="myModalPanel" height="260" width="400">
<f:facet name="header">
<h:outputText value="Prices" />
</f:facet>
<f:facet name="controls">
<a href="#" onclick="#{rich:component('myModalPanel')}.hide()">
<img src="/images/close.gif" style="border:0px; margin-top: 7px; margin-right: 5px;"/>
</a>
</f:facet>
<!-- this one doesn't have resizeable columns -->
<rich:scrollableDataTable width="300px" height="200px" var="price" value="#{prices}">
<rich:column>
<f:facet name="header">GBP</f:facet>
<h:outputText value="#{price.priceInGBP}"/>
</rich:column>
<rich:column>
<f:facet name="header">EUR</f:facet>
<h:outputText value="#{price.priceInEUR}"/>
</rich:column>
</rich:scrollableDataTable>
</rich:modalPanel>
<a4j:commandLink immediate="true" ajaxSingle="true" id="modallink" >
Show prices...
<rich:componentControl for="myModalPanel" attachTo="modallink" operation="show" event="onclick"/>
</a4j:commandLink>
<!-- this one show ok in firefox -->
<rich:scrollableDataTable width="300px" height="200px" var="price" value="#{prices}">
<rich:column>
<f:facet name="header">GBP</f:facet>
<h:outputText value="#{price.priceInGBP}"/>
</rich:column>
<rich:column>
<f:facet name="header">EUR</f:facet>
<h:outputText value="#{price.priceInEUR}"/>
</rich:column>
</rich:scrollableDataTable>
Any info is appreciated.
Thanks,
Dragos