2 Replies Latest reply on Oct 15, 2007 10:03 PM by Stuart Douglas

    Tooltip not staying open

    Stuart Douglas Master

      I am having a problem with ajax loaded tooltips (i.e. tooltips in an area that has been refreshed via ajax4jsf). The tooltip will pop open, but only for about half a second and then it disappears. The xhtml looks like this:

       <a4j:form id="expense_form">
       <a4j:outputPanel id="expense_panel" ajaxRendered="true">
      
       <rich:dataTable id="expenseAccounts" var="ac"
       value="#{e_propertyAccount.expenseAccounts}">
       <rich:column>
       <f:facet name="header">Expense Account</f:facet>
       <a4j:commandLink
      
       reRender="expense_panel"
       style="#{ac.id == e_linkedExpenseAccount.id ? 'font-weight:bold;' : '' }">
       <a4j:actionparam name="expenseId" assignto="#{linkedExpenseAccountHome.id}" value="#{ac.id}"/>
       <h:outputText value="#{ac.name}">
       </h:outputText>
       </a4j:commandLink>
       </rich:column>
       </rich:dataTable>
       <rich:dataTable id="e_linkedExpenseAccountList" var="tran"
       value="#{e_linkedExpenseAccount.accountTransactions}"
       >
      
       <rich:column>
       <f:facet name="header">Details</f:facet>
       <h:outputText id="expense_details_popup" value="Details">
       <rich:toolTip direction="top-right" mode="ajax" delay="30"
       styleClass="tooltip" eventQueue="toolTipQueue"
       immediate="true" layout="block" id="expense_details_tooltip">
      
       <a4j:actionparam name="tlid"
       value="#{tran.transactionLink.id}"
       assignTo="#{transactionLinkHome.id}" />
       <ui:include src="../transactions/TransactionPopup.xhtml" />
       </rich:toolTip>
       </h:outputText>
       </rich:column>
      
       </rich:dataTable>
       <s:link value="Add Transaction"
       action="#{accountTransactionHome.New}"
       view="/app/client/accounts/SimpleTransactionAdd.xhtml"
       rendered="#{e_propertyAccount.expenseAccounts.contains(e_linkedExpenseAccount)}">
       <f:param name="id" value="#{e_linkedExpenseAccount.id}" />
       <f:param name="otherSideId"
       value="#{e_propertyAccount.clearingAccount.id}" />
       </s:link>
       </div>
      
      </a4j:outputPanel>
       </a4j:form>
      


      the first datatable selects the account you want to view, and the second displays the account details (there are really more columns but I have ommited them for clarity). Once a different account has been selected the tooltip will only display for less than a second.