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: November 2009
[Return to How-To's Home]



Rate This Article
Leave a Comment or Suggest a Topic

Do you have comments about this article? We welcome your participation in our community. Please keep your comments civil and on point. You may optionally provide your email address to be notified of replies—your information is not used for any other purpose. By submitting a comment, you agree to these Terms of Use.

 

English
日本語
한국어
简体中文
русский
Português do Brasil