1 Reply Latest reply on May 14, 2012 9:20 PM by bek816

    Tooltip and keyboard control

    bek816

      We have a requirement that our tooltips are accessible from the keyboard.  I've partially solved the problem using a command link, but I need to be able to control the position where the tooltip launches.  Currently, it renders in the top-left corner of the page.  My code for the tooltip is:

       

      <h:panelGroup id="toolTipContainer" layout="block">

           <h:outputLink value="#" id="link" onclick='#{rich:component("tooltipId")}.show(event);' onblur='#{rich:component("tooltipId")}.hide(event);'>#{cc.attrs.button}

                  <rich:tooltip followMouse="false" direction="topRight" id="tooltipId" horizontalOffset="5" verticalOffset="5" target="toolTipContainer">

                        <h:outputText value="#{cc.attrs.content}"/>

                  </rich:tooltip>

           </h:outputLink>

      </h:panelGroup>

       

      How can I control the positioning of the popup when it's activated with the onclick show event?

       

      Thanks.