Drag and Drop

PanelGroup components can optionally be configured to be draggable, a drop target for other draggable panelGroups, or both. By configuring PanelGroup components as Drag & Drop sources (draggables) or destinations (drop targets) application developers can create sophisticated, intuitive user-interfaces that leverage the direct-manipulation of UI components.
Example

The following code shows how a draggable panelGroup can be created:

<ice:panelGroup draggable="true">
  Drag
</ice:panelGroup>
Drag and Drop attributes

Attribute:
Description
draggable
When set to 'true' this panel is draggable. The user will be able to drag the panel to any position on the page. Note: all Draggable panels must be contained in a form.
dragOptions
Optional effects for draggable panels. List in a coma separated string. (revert,ghosting,solid)
revert - When a draggable is dropped the draggable will move back to it's starting position.
ghosting - When a draggable is dragged a ghost copy is left in the original position.
solid - Do not make transparent when dragging.
dragValue
The drag value of this panel. For use in DnDEvents. This value can be a string or a value binding expression.
dragListener
The dragListener specifies a method on a backing bean that will accept DnDEvents. This value must be a method binding expression.
dragMask
Drag mask is used to prevent drag events from propagating to the server. For example if your backing bean is not interested in hover_start events then adding hover_start to the mask will stop the event from being sent. Multiple values are specified in a comma separated list. Possible values are. dragging, drag_cancel,dropped,hover_start,hover_end
dropTarget
When set to true this panel is a dropTarget for draggable panels. Drop targets detect when a draggable has been dropped on a specific region of the page. Note: all Drop Target panels must be contained in a form.
dropValue
The drop value of this panel, for use in DnDEvents. This value can be a string or a value binding expression.
dropListener
The dropListener specifies a method on a backing bean that will accept DnDEvents. This value must be a method binding expression. This method will be called when a droppable is dropped or hovered on this panel unless masked.
dropMask
Drop mask is used to prevent drop events from propagating to the server. For example if your backing bean is not interested in hover_start events then adding hover_start to the mask will stop the event from being sent. Multiple values are specified in a comma separated list. Possible values are. dropped,hover_start