7 Replies Latest reply on Jan 31, 2011 7:07 AM by Cotop Tudor

    rich:toolTip

    Cotop Tudor Newbie

      Hy 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.