How to show/hide af:popup on mouse hover

This blog we will see, how to show/hide af:popup on mouse hover.

In real time scenario you will get the requirement on mouse over we need to display the popup and mouse out needs to close the popup.

To achieve the same functionality we need to add af:showPopupBehavior with triggerType=”mouseOver” property. But the problem is on mouse over we will display the popup but mouse out popup will not close automatically. To close the popup we need to click outside of the popup or need to press escape key on keyboard.

But we can resolve the same problem, by changing the property triggerType=”mouseHover” of af:showPopupBehavior.

NOTE: If you press ctrl + space on triggerType=”” then mouseHover will not display. So you need to type triggerType=”mouseHover”.

Thanks..