Details
-
Type: New Feature
-
Status: Closed
-
Priority: Major
-
Resolution: Fixed
-
Affects Version/s: None
-
Component/s: ICE-Components
-
Labels:None
-
Environment:Any
-
Affects:Documentation (User Guide, Ref. Guide, etc.), Sample App./Tutorial
Description
Create a component that will display a popup confirmation dialog asking the user whether to cancel or continue with the operation that was requested. This dialog will be displayed immediately after the event that triggered the operation (e.g.click, <Enter>-key press, etc.) while preventing the application from carrying out the requested operation until it is confirmed by the user.
This component should be modeled after ice:panelTooltip, so it can be linked to triggering components and reused. For now, the components that can be linked to a confirmation panel are ice:commandButton and ice:commandLink.
This component should be client-only (i.e. no need to communicate state to the server).
This component should be modeled after ice:panelTooltip, so it can be linked to triggering components and reused. For now, the components that can be linked to a confirmation panel are ice:commandButton and ice:commandLink.
This component should be client-only (i.e. no need to communicate state to the server).
Issue Links
- blocks
-
ICE-4625 Add demo for the ice:panelConfirmation component to the Component Showcase sample apps.
- Closed
A few changes:
1. Make the autocentre and draggable attributes false by default.
2. Add a new attribute called 'displayAtMouse' =true/false. If true then use the following logic (if it's robust enough) to position the panel at a location near the mouse-location:
Add this two line to showPanel function in the panelconfirmation.js
this.panel.style.left=
parseInt(Event.pointerX(this.event)) + "px";
this.panel.style.top =
parseInt(Event.pointerY(this.event)) + "px";
displayAtMouse should override the autocentre attribute if both are specified (this should be specified in the TLD).