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?
