0 Replies Latest reply on May 6, 2008 11:16 AM by gjeudy

    rich:listShuttle

    gjeudy

      Alignment problem with h:column header and values. I noticed that the header text gets truncated to the shortest length for its values for a given column. Is there anything that can be done to avoid that and rather base the column width from the header?

      I am using richfaces 3.2.0. See code sample below:

      <rich:listShuttle id="toRelShuttle"
       targetValue="#{relatedToInstances}"
       sourceValue="#{unrelatedToInstances}"
       targetCaptionLabel="Related Ref Domain Instances"
       sourceCaptionLabel="Unrelated Ref Domain Instances"
       fastOrderControlsVisible="false" orderControlsVisible="false"
       listsHeight="400px" sourceListWidth="400px" targetListWidth="400px"
       copyAllControlLabel="Relate All" copyControlLabel="Relate"
       removeAllControlLabel="Unrelate All" removeControlLabel="Unrelate"
       converter="com.archinsurance.web.converter.IdentifiableVOConverter"
       var="domInstVO" >
       <h:column>
       <f:facet name="header">
       <h:outputText value="Id" />
       </f:facet>
       <h:outputText
       value="#{domInstVO.referenceDomainInstance.domainInstanceId}" />
       </h:column>
       <h:column>
       <f:facet name="header">
       <h:outputText value="Name" />
       </f:facet>
       <h:outputText
       value="#{domInstVO.referenceDomainInstance.description}" />
       </h:column>
       <h:column>
       <f:facet name="header">
       <h:outputText value="Code" />
       </f:facet>
       <h:outputText
       value="#{domInstVO.referenceDomainInstance.codeValue}" />
       </h:column>
       <h:column>
       <f:facet name="header">
       <h:outputText value="Valid From Dt" />
       </f:facet>
       <rdm:inputDate id="validFromDt"
       value="#{domInstVO.validityPeriod.validFromDate}"
       ajaxValidate="false" />
       </h:column>
       <h:column>
       <f:facet name="header">
       <h:outputText value="Valid To Dt" />
       </f:facet>
       <rdm:inputDate id="validToDt"
       value="#{domInstVO.validityPeriod.validToDate}"
       ajaxValidate="false" />
       </h:column>
       </rich:listShuttle>


      putting a larger width value for source or target didn't help. The layout problem occurs more precisely when I display codes that are shorter than 4 characters (the length of the header for column Code), the Code header gets truncated to "Co" for example.