Droppable Element Element

Home | Getting Started | API | Elements | Actions | Validators | Handlers | Configuration Options | Plugins | Mobile | Troubleshooting | About

Table of Contents

1 Droppable Element

The droppable element allows you to make a block of Nitrogen elements a drop target for draggable elements.

Combine the draggable element with the droppable element to allow drag and drop behavior.

Usage

#droppable { tag=drop1, accept_class=accept, hover_class=hover, body=[
  #span { text="This is a droppable block." }
]}

Attributes

tag - (Erlang term)
The drag term to pass into the drop_event/2 event.
body - (Nitrogen elements)
The elements that will be droppable.
accept_groups - (list of atoms (defaults to 'all'))
The drag groups that will be accepted by this drop target
active_class - (atom or string (defaults to 'active'))
This CSS class will be applied to the element when the user drags a draggable element.
hover_class - (atom or string (defaults to 'hover'))
This CSS class will be applied to the element when the user hovers with a draggable element.

Events

dropevent(DragTag, DropTag)

Called when the user drops an element. DragTag is the tag associated with the draggable element. DropTag is the tag associated with the droppable element.

Date: 2013-10-03 13:41:49 CDT

Author: Rusty Klophaus (@rustyio)

Org version 7.8.02 with Emacs version 23

Validate XHTML 1.0

Comments

Note:To specify code blocks, just use the generic code block syntax:
<pre><code>your code here</code></pre>


comments powered by Disqus