Download Rico 2.0 for more demos.

AJAX DEMOS Inner Html Javascript Updater
 
 
 
 
 
 
DRAG & DROP DEMOS Simple Custom Draggable Custom Drop Zone
 
 
 
 
   
BEHAVIOR DEMOS Accordion Weather Widget LiveGrid - Data Table
 
 
 
 
CUSTOM DROPZONE EXAMPLE 

name-list
the custom drop zone
This example illustrates a custom draggable overriding the generic Rico.Draggable. The overrides are explained below:

activate/deactivate:
When an object is being dragged that is "acceptable" to the custom drop zone, it slightly changes it's opacity to indicatae that it can be dropped into. (uses Effect.FadeTo)

showHover/hideHover:
When an object is over the active drop zone, the opacity is changed such that it approaches it's non-opaque value. (uses Effect.FadeTo)

canAccept:
The drop zone only accepts draggable's in a given alphabetic range. (half way between the "activate" opacity and non-opaque.

accept:
The drop zone accepts the draggables by inserting them in sorted order.
a-g
h-m
n-z
the code