rich:toolTip
tupudopor Jan 27, 2011 10:58 AMHy everybody,
I have a problem with a rich:toolTip that i use. The whole context is that i have a rich:dataTable and many columns in it. I have created two more columns, that both have a rich:toolTip inside of them. The two colums shall not appera at the sametime, and i realized that with a boolean from my bean. The problem is that the tooltip from one column should open up, and the other down. I can't find any problems with my code and i couldn't find anything on the net, so i'm asking you....
<rich:column rendered="#{carData.rowType}" style="width:10px; color:red; padding:0px;">
<rich:panel style="width: 0px; border-style:none; border-width:0px; padding:0px!important;">
<br />
<a4j:commandLink actionListener="#{cardetails.getFinanceProductInfo}">
<f:param name="id" value="#{car.vehicleId}" />
<f:param name="rid" value="#{car.vehicleRid}" />
<img id="infoicon1" src="eric_rebrush/_common/img/standard_elements/info.gif" width="13" height="12" alt="" border="0" />
</a4j:commandLink>
<rich:toolTip id="bottomToolTip" showDelay="500" showEvent="onclick" mode="ajax" style="background-color:white;border-color:orange;" direction="bottom-left" layout="block">
<div style="width: 249px; padding-left: 1px; font-weight: bold; padding-bottom: 18px;">
<h:outputText ......... />
</div>
</rich:toolTip>
</rich:panel>
</rich:column>
<rich:column rendered="#{! carData.rowType}" style="width:10px; color:red; padding:0px;">
<rich:panel style="width: 0px; border-style:none; border-width:0px; padding:0px!important;">
<br />
<a4j:commandLink actionListener="#{cardetails.getFinanceProductInfo}">
<f:param name="id" value="#{car.vehicleId}" />
<f:param name="rid" value="#{car.vehicleRid}" />
<img id="infoicon1" src="eric_rebrush/_common/img/standard_elements/info.gif" width="13" height="12" alt="" border="0" />
</a4j:commandLink>
<rich:toolTip id="topToolTip" showDelay="500" showEvent="onclick" mode="ajax" style="background-color:white;border-color:red;" direction="top-left" layout="block">
<div style="width: 249px; padding-left: 1px; font-weight: bold; padding-bottom: 18px;">
<h:outputText ........... />
</div>
</rich:toolTip>
</rich:panel>
</rich:column>
The rendering is alright, the problem comes only by the direction of the two toolTips.