How-To's > How do I create a slide-out panel?
The slide-out panel is the RIA and Web 2.0 alternative to a pop-up dialog box. The slide-out panel uses animation to slide out of one edge of the application. It covers the application content and has focus. After the user interacts with it and dismisses it, the dialog box slides out of view.

Tips
- Do not use a slide-out panel in a productivity application. If you choose to use it, make the slide-out speed fairly high.
- Within a single application, use only one of the following dialog box alternatives consistently: a regular dialog box, a slide-out panel, a flip effect, or an overlay dialog box.
To create a slide-out panel in JavaFX, start with the code from one of the following samples and modify it to suit your purposes.
Examples
- Incorporating Media Assets Into JavaFX Applications
Presents code for a media player application that contains several overlays that appear in a slide-out panel. In particular see the page Applying Graphics Assets to Media in that tutorial. - Dragging an MP3 Player Applet to the Desktop
Demonstrates a media player with a slide-out panel to display the music selections. Click the bottom button in the circular controls.
Last Updated: November 2009
[Return to How-To's Home]
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 repliesyour information is not used for any other purpose. By submitting a comment, you agree to these Terms of Use.