OpenFaces Demo

OverviewConfirmation

You can assign the Confirmation component to a client-side event of any component. When such an event is triggered, the confirmation is shown enabling the user to execute an action only after confirming it. When displayed, the Confirmation component behaves like a modal dialog box. The Confirmation components demonstrated below use different styles (default, metal, monochorome, marine). The page also shows customization of a modal layer style used for obscuring the page when the confirmation appears.
Click the  button to perform an action without confirmation.
Action executed!
Click the 
Confirm your action!
 Click OK to perform the action
button to perform an action with confirmation.

Action executed!
Click the Remove link to perform an action with confirmation.
Gray Styled Confirmation
Confirm your action!
 Click OK to perform the action
Action executed!
Click the Delete All text to perform an action with confirmation.
Action executed!
Double-click the
Marine Styled Confirmation
Confirm your action!
 Click OK to perform the action
image to perform an action with confirmation.

Action executed!
Black and White Styled Confirmation
Confirm your action
 Click OK to perform the action

The Confirmation component can also be invoked manually from JavaScript code. Fill out the fields below to modify the content area of the Confirmation component and click the Show confirmation button to see the results.
Main instruction *:
Details:
"Yes" button *:
"No" button *:

Confirm your action
 Click OK to perform the action