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.
I solved the problem by adding a populpanel to the output link. Ideally I'd only like the one tooltip though...