The draggable element can be assigned a list of tiddlers that are used as the payload. If desired it can invoke actions when dragging starts and when it ends. See DragAndDropMechanism for an overview.
Content and Attributes
|tiddler||Optional title of the payload tiddler for the drag|
|filter||Optional filter defining the payload tiddlers for the drag|
|tag||Optional tag to override the default "div" element created by the widget|
|selector||New in: 5.2.2 Optional CSS Selector to identify a DOM element within the widget that will be used as the drag handle|
|class||Optional CSS classes to assign to the DOM element created by the widget. The class |
|enable||New in: 5.2.3 Optional value "no" to disable the draggable functionality (defaults to "yes")|
|startactions||Optional action string that gets invoked when dragging starts|
|endactions||Optional action string that gets invoked when dragging ends|
|dragimagetype|| New in: 5.2.0 Optional type of drag image: |
Either or both of the tiddler and filter attributes must be specified in order for there to be a payload to drag.
The actionTiddler Variable is accessible in both startactions and endactions. It holds the payload tiddler(s) specified through the tiddler and filter attributes as a Title List using double square brackets to quote titles that include whitespace.
New in: 5.2.3 The following variables are accessible in the startactions and the endactions:
|The modifier Variable contains the Modifier Key held while dragging|
|All DOM attributes of the node being dragged are made available as variables, with the prefix |
|A relative co-ordinate string that can be used with the ActionPopupWidget to trigger a popup at the DOM node matching the selector where the event originated (see Coordinate Systems for more information)|
|New in: 5.2.4 An absolute co-ordinate string that can be used with the ActionPopupWidget to trigger a popup at the DOM node matching the selector where the event originated (see Coordinate Systems for more information)|