droppable widget creates a DOM element onto which dragged items can be dropped by the user, triggering the specified actions. It only works on browsers that support drag and drop, which typically means desktop browsers, but there are workarounds.
See DragAndDropMechanism for an overview.
|actions||Actions to be performed when items are dropped|
|class||Optional CSS classes to assign to the draggable element. The class |
|tag||Optional tag to override the default of a "div" element when the widget is rendered in block mode, or a "span" element when it is rendered in inline mode|
Within the action string, the actionTiddler Variable contains the title of the item being dropped.
If multiple items are dropped then the actions are performed repeatedly, once for each dropped item.
This example displays a palette of icons. Dragging a tiddler onto one of the icons assigns that icon to the tiddler.
Similarly, this example shows a palette of colours. Dragging a tiddler onto one of the colours assigns that colour to be used for rendering the icon of the tiddler.