Desktop Components ShowcaseMobile Components Showcase
ace:dialog - Overview

The <ace:dialog> component allows developers to deploy a floating window constructed of a customizable title bar and a content region. The component can be moved across the page using drag and drop, can be resized and will introduce scollbars automatically should content exceed available space. It supports a number of display options including semi-transparent overlay, open / close effects etc. In the sample below click the “Show Dialog” button to open the dialog window. Click and hold down the left mouse button over the bottom right corner to experiment with resizing the dialog box. Enter desired text in the two available fields and select the click me button when complete. The entered text is mirrored back by the application in the text entry field below.

Source Code