How-To's > How do I create a hover pop-up?

The hover pop-up is a good choice for presenting details about an object on the screen.

The pop-up appears as a layer above the screen. The context in which the user asked for the details is not removed from view.

This solution prevents users from falling into a "pogo-stick" mode, in which they move back and forth between a primary page that lists options and a secondary page that has details.

Pop-ups should not be used to present too much information. In general, the pop-up should have enough information to enable users to decide if they want to shift to the details view. Pop-ups can have text, images, links, and buttons. Users can shift to a secondary page loaded with details after they have quickly reviewed some choices by using the hover pop-up.

To create a hover pop-up in JavaFX, start with the code from one of the following samples and modify it to suit your purposes.

Examples

• Get All-Weather Forecasts With Yahoo APIs
  This sample shows how to to build an application that includes hover pop-ups, such as the one shown in the following screen capture. See the downloadable file Main.fx for the code that is relevant to this component.
  
  

Last Updated: April 2010
[Return to How-To's Home]

---