Wednesday, June 26, 2013

Tip of the Day: ADF - How to show/hide af:popup on mouse hover?

Question: How to show/hide af:popup on mouse hover?

Answer: Many times in our projects there is a requirement to display a popup on mouse hover and hide it on mouse out.
To achieve this functionality we use af:showPopupBehavior with its property triggerType=”mouseOver”. The problem here is that the popup is shown when we hover the mouse on the component but it is not hidden until we perform a click action outside the pop up. This problem can simply be resolved by changing af:showPopupBehavior’s property - triggerType=”mouseHover”. The “mouseHover” value for the triggerType property is not present by default in the drop down.

thanks to Kailash Sadwani for the tip!


  1. From this article you will find how to write an essay about police brutality. Maybe you could use this info in your next home assignment.

    1. Harmonized your answer and also adapted it very quickly because I Have faced Hide and show of popup on mouse hover But at the time when it happened we have sort this problem right away, so it is not a big deal for us.

  2. Need an essay sample? Install SpeedyPaper Adviser and find numerous templates of academic writings done by professional writers.

  3. Great info! I recently came across your blog and have been reading along. I thought I would leave my first comment. I don’t know what to say except that I have.
    Photo Collage Maker

  4. When snow blankets any region throughout the winter, it delivers the danger of protecting roads, driveways and sidewalks in blankets of ice with it. Unfortuitously, it is not rare for homeowners to slide, drop and damage themselves when wanting to eliminate snow from their property.