Problemas com ToolTip no RichFaces [Resolvido]

Eduardo Bregaida:

Pessoal, fiz alguns tooltips no meu projeto e encontrei um probleminha bem chato quando ele tenta renderizar a primeira vez o fundo amarelo fica pequeno deixando as palavras “voando” na tela, depois clica-se novamente ele renderiza certinho, alguém tem idéia do que pode ser?

Seguem as imagens:

Ninguém tem ideia desse comportamento?

amigo, estou com um problema queria exibir tooltip em um selectOneMenu no <f:selectItem dele, pois o texto é um pouco grande em alguns casos,
e no caso de um monitor com resulução baixar fica complicado, vc tem alguma solução para isso ?
ex:

<h:selectOneMenu id="CSTTribNorm" value="#{nFeProdutoMB.camposICMSCSTTribNorm}" style="width: 400px;"
                                                             valueChangeListener="#{nFeProdutoMB.limpaCamposIcmsTN}">
                                                <f:selectItem itemLabel="SELECIONE" itemValue=""  />
                                                <f:selectItem itemLabel="00 - TRIBUTADA INTEGRALMENTE" itemValue="00" />
                                                <f:selectItem itemLabel="10 - TRIBUTADA E COM COMBRANÇA DO ICMS POR SUBTITUIÇÃO TRIBUTÁRIA" itemValue="10"  />
                                                <f:selectItem itemLabel="10 - TRIBUTADA E COM COMBRANÇA DO ICMS POR SUBTITUIÇÃO TRIBUTÁRIA(COM PARTILHA DO ICMS ENTRE A UF DE ORIGEM E A UF DE DESTINO OU UF DEFINIDA NA LEGISLAÇÃO)" itemValue="10a" />
                                                <f:selectItem itemLabel="20 - COM REDUÇÃO DE BASE DE CÁLCULO" itemValue="20" />
      </h:selectOneMenu>

no casso do ICMS 10 que é extenso, gostaria de quebrar linha ou exibir um tooltip quando a resolução estiver no limite e não exibir…

redthi:

amigo, estou com um problema queria exibir tooltip em um selectOneMenu no <f:selectItem dele, pois o texto é um pouco grande em alguns casos,
e no caso de um monitor com resulução baixar fica complicado, vc tem alguma solução para isso ?
ex:

<h:selectOneMenu id="CSTTribNorm" value="#{nFeProdutoMB.camposICMSCSTTribNorm}" style="width: 400px;"
                                                             valueChangeListener="#{nFeProdutoMB.limpaCamposIcmsTN}">
                                                <f:selectItem itemLabel="SELECIONE" itemValue=""  />
                                                <f:selectItem itemLabel="00 - TRIBUTADA INTEGRALMENTE" itemValue="00" />
                                                <f:selectItem itemLabel="10 - TRIBUTADA E COM COMBRANÇA DO ICMS POR SUBTITUIÇÃO TRIBUTÁRIA" itemValue="10"  />
                                                <f:selectItem itemLabel="10 - TRIBUTADA E COM COMBRANÇA DO ICMS POR SUBTITUIÇÃO TRIBUTÁRIA(COM PARTILHA DO ICMS ENTRE A UF DE ORIGEM E A UF DE DESTINO OU UF DEFINIDA NA LEGISLAÇÃO)" itemValue="10a" />
                                                <f:selectItem itemLabel="20 - COM REDUÇÃO DE BASE DE CÁLCULO" itemValue="20" />
      </h:selectOneMenu>

no casso do ICMS 10 que é extenso, gostaria de quebrar linha ou exibir um tooltip quando a resolução estiver no limite e não exibir…

Dá para jogar um tooltip dentro dos itens se eles forem fixos, caso contrário vc teria que criar um método no seu Bean para montar o tootip. Ex:
No Bean:

public String getTooltipViewEmpregado() {
		StringBuilder strAux = new StringBuilder("");
		strAux.append("<span class='text_black_bold'>OUTRAS INFORMA&Ccedil;&Otilde;ES</span><br/><br/>");
		strAux.append("<span class='text_black_bold'>Sind: </span>");
		strAux.append(getAgenda().getSind().getNome() != null ? getAgenda().getSind().getNome() : "");
		
		strAux.append("<br/><br/><span class='text_black_bold'>Status: </span>");
		strAux.append(getAgenda().getStatus() != null ? getAgenda().getStatus() : "");
		strAux.append("<br/><span class='text_black_bold'>Digitaliza&ccedil;&atilde;o: </span>");
		strAux.append(getAgenda().getDataDigView() != null ? getAgenda().getDataDigView() : "");
		strAux.append("<br/><span class='text_black_bold'>Confirma&ccedil;&atilde;o: </span>");
		strAux.append(getAgenda().getDataView() != null ? getAgenda().getDataView() : "");
		
		return strAux.toString();
	}

No JSP, no meu caso é dentro de uma table

<rich:column>
  <f:facet name="header">
	<h:outputText value="#{ResourceLabel.lbl_agenda_Obs}" />
  </f:facet>
  <h:outputText value="..." styleClass="cursor:hand;" />
<rich:toolTip showEvent="onclick" direction="bottom-left"
	mode="ajax" layout="block" id="toolTipAPHttpUP">
	<f:facet name="defaultContent">
		<h:outputText value="#{tooltip_default_lbl_LogDetailWait}" />
	</f:facet>
	<h:panelGrid columns="1" styleClass="value">
	     <h:column>
		<h:outputText value="#{item.tooltipViewEmpregado}" style="white-space:nowrap" escape="false" />
		</h:column>
	</h:panelGrid>
</rich:toolTip>
</rich:column>

Vai ficar +/- como aqueles prints que postei.

Um jeito meio que na gambi foi fixar o tamanho no CSS, pelo que li no forum da JBoss, parece que tem 2 Bugs o tooltip :roll:
Parece que ele tem uns pepinos no auto.
Bugs:
[url]https://issues.jboss.org/browse/RF-4888[/url]
[url]https://issues.jboss.org/browse/RF-4475?page=com.atlassian.jira.plugin.system.issuetabpanels%3Aall-tabpanel#issue-tabs[/url]

ficou assim minha solução, caso alguém ache outra posta aqui :D

.rich-tool-tip{

    background-color: #eef2f8;
    border-color: #7196c8;
	width: 560px;
}

O Width que fixei, as cores foram apenas para deixá-lo azul para colocar nas cores padrão do meu projeto, caso queiram amarelo basta deixá-lo apenas com o width.

:D