1 Reply Latest reply on Apr 8, 2009 7:54 AM by Ilya Shaikovsky

    Using tooltip for a cell in extendedDataTable

    Thai Dang Vu Apprentice

      The tooltip box is chopped off by the extendedDataTable border. I changed the z-index of the tooltips to 999 but that doesn't help.

      This is the xhtml:

      <rich:extendedDataTable value="#{departments.allDepartments}" var="department" width="400px" height="200px"
       selectionMode="single">
       <rich:column width="40">
       <f:facet name="header">ID</f:facet>
       <h:outputText value="#{department.id}"/>
       </rich:column>
       <rich:column width="160">
       <f:facet name="header">Name</f:facet>
       <h:outputText value="#{department.name}"/>
       </rich:column>
       <rich:column width="80">
       <f:facet name="header">Location ID</f:facet>
       <h:outputText value="#{department.locationId}"/>
       </rich:column>
       <rich:column width="90">
       <f:facet name="header">Manager ID</f:facet>
       <!--<rich:panel>-->
       <h:outputText value="#{department.manager.id}"/>
       <rich:toolTip direction="top-right" layout="block" showDelay="200">
       <f:facet name="defaultContent">Wait ...</f:facet>
       <h:panelGrid columns="2">
       <h:outputText value="First Name"/>
       <h:outputText value="#{department.manager.firstName}"/>
       <h:outputText value="Last Name"/>
       <h:outputText value="#{department.manager.lastName}"/>
       <h:outputText value="Phone"/>
       <h:outputText value="#{department.manager.phoneNumber}"/>
       <h:outputText value="Email"/>
       <h:outputText value="#{department.manager.email}"/>
       </h:panelGrid>
       </rich:toolTip>
       <!--</rich:panel>-->
       </rich:column>
      </rich:extendedDataTable>
      
      And the result is here http://3.bp.blogspot.com/_LhJt6lHByBE/SdyOGKg07LI/AAAAAAAAABU/eLRzdNTc49E/s1600-h/tooltip.png

      How can I make the whole tooltip visible?