Question

I would like to make PrimeFaces Overlay Panel to stay visible even if user has clicked area outside the tooltip. The only way to close the tooltip would be Close button on it.

How can it be done?

Answer 1

Im not jquery/javascript expert, there colud be more elegant solutions.

<p:commandButton id="chartBtn" value="Basic" type="button" /> 
<p:overlayPanel id="chartPanel" widgetVar="chartPanelWidget" for="chartBtn" hideEffect="fade"
                                    onShow="$(document.body).unbind('mousedown.ui-overlay')">  
   <p:commandButton value="close" onclick="chartPanelWidhget.hide();return false;"/>
</p:overlayPanel>