Hello all together,

im trying to get the 'Drag and Drop' example running from the demo-site.
When i start my page, all is loaded but i cant drag.

The dragindicator does not start, nothing happens.
Here is my code.

DndBean.java

import java.util.ArrayList;

public class DndBean {
 private ArrayList<Framework> containerPHP;
 private ArrayList<Framework> containerCF;
 private ArrayList<Framework> containerDNET;
 private ArrayList<Framework> frameworks;

 public ArrayList<Framework> getContainerCF() {
 return containerCF;
 }

 public void setContainerCF(ArrayList<Framework> containerCF) {
 this.containerCF = containerCF;
 }

 public ArrayList<Framework> getContainerDNET() {
 return containerDNET;
 }

 public void setContainerDNET(ArrayList<Framework> containerDNET) {
 this.containerDNET = containerDNET;
 }

 public ArrayList<Framework> getContainerPHP() {
 return containerPHP;
 }

 public void setContainerPHP(ArrayList<Framework> containerPHP) {
 this.containerPHP = containerPHP;
 }

 public ArrayList<Framework> getFrameworks() {
 if (frameworks == null) {
 initList();
 }
 return frameworks;
 }

 public void setFrameworks(ArrayList<Framework> frameworks) {
 this.frameworks = frameworks;
 }

 public void moveFramework(Object fm, Object family) {
 ArrayList<Framework> target = null;
 if ("PHP".equals(family)) {
 target = containerPHP;
 } else if ("DNET".equals(family)) {
 target = containerDNET;
 } else if ("CF".equals(family)) {
 target = containerCF;
 }
 if (target != null) {
 int ind = frameworks.indexOf(fm);
 if (ind > -1) {
 target.add(frameworks.get(ind));
 frameworks.remove(ind);
 }
 }
 }

 public String reset() {
 initList();
 return null;
 }

 private void initList() {
 frameworks = new ArrayList<Framework>();
 frameworks.add(new Framework("Flexible Ajax", "PHP"));
 frameworks.add(new Framework("ajaxCFC", "CF"));
 frameworks.add(new Framework("AJAXEngine", "DNET"));
 frameworks.add(new Framework("AjaxAC", "PHP"));
 frameworks.add(new Framework("MonoRail", "DNET"));
 frameworks.add(new Framework("wddxAjax", "CF"));
 frameworks.add(new Framework("AJAX AGENT", "PHP"));
 frameworks.add(new Framework("FastPage", "DNET"));
 frameworks.add(new Framework("JSMX", "CF"));
 frameworks.add(new Framework("PAJAJ", "PHP"));
 frameworks.add(new Framework("Symfony", "PHP"));
 frameworks.add(new Framework("PowerWEB", "DNET"));
 containerPHP = new ArrayList<Framework>();
 containerCF = new ArrayList<Framework>();
 containerDNET = new ArrayList<Framework>();
 }
}

import org.richfaces.component.Dropzone;
import org.richfaces.event.DropEvent;
import org.richfaces.event.DropListener;


public class EventBean implements DropListener {

 private gwkinfo.DndBean dndBean;
 public void processDrop(DropEvent dropEvent) {
 Dropzone dropzone = (Dropzone) dropEvent.getComponent();
 dndBean.moveFramework(dropEvent.getDragValue(),dropzone.getDropValue());
 }
 public gwkinfo.DndBean getDndBean() {
 return dndBean;
 }
 public void setDndBean(gwkinfo.DndBean dndBean) {
 this.dndBean = dndBean;
 }
 }

public class Framework {
 private String name;
 private String family;

 public String getFamily() {
 return family;
 }
 public void setFamily(String family) {
 this.family = family;
 }
 public String getName() {
 return name;
 }
 public void setName(String name) {
 this.name = name;
 }
 public Framework(String name, String family) {
 super();
 this.name = name;
 this.family = family;
 }
 }

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
 xmlns:ui="http://java.sun.com/jsf/facelets"
 xmlns:h="http://java.sun.com/jsf/html"
 xmlns:f="http://java.sun.com/jsf/core"
 xmlns:a4j="http://richfaces.org/a4j"
 xmlns:rich="http://richfaces.org/rich">


 <style>
 .panelc {
 width:25%;
 vertical-align:top;
 }

 .dropTargetPanel {
 width: 90%;
 }

 .footerClass {
 text-align: center;
 padding-top: 5px;
 }

 </style>

 <rich:dragIndicator id="indicator"/>

 <h:form id="form">

 <h:panelGrid columnClasses="panelc" columns="4" width="100%">

 <rich:panel style="width:133px">
 <f:facet name="header">
 <h:outputText value="Source List" />
 </f:facet>
 <h:dataTable id="src" columns="1" value="#{dndBean.frameworks}"
 var="fm" footerClass="footerClass">
 <h:column>

 <a4j:outputPanel style="width:100px;border:1px solid gray;padding:2px"
 layout="block">

 <rich:dragSupport dragIndicator=":indicator"
 dragType="#{fm.name}" dragValue="#{fm}">
 <rich:dndParam name="label" value="#{fm.name}" />
 </rich:dragSupport>
 <h:outputText value="#{fm.name}"></h:outputText>
 </a4j:outputPanel>
 </h:column>
 <f:facet name="footer">
 <a4j:commandButton action="#{dndBean.reset}" value="Start Over" reRender="src,phptable,cftable,dnettable"/>
 </f:facet>
 </h:dataTable>
 </rich:panel>

 <rich:panel styleClass="dropTargetPanel">
 <f:facet name="header">
 <h:outputText value="PHP Frameworks" />
 </f:facet>
 <rich:dropSupport id="php" acceptedTypes="PHP" dropValue="PHP"
 dropListener="#{eventBean.processDrop}" reRender="phptable, src">
 </rich:dropSupport>

 <h:dataTable id="phptable" columns="1" value="#{dndBean.containerPHP}" var="fm">
 <h:column>
 <h:outputText value="#{fm.name}"></h:outputText>
 </h:column>
 </h:dataTable>


 </rich:panel>

 <rich:panel styleClass="dropTargetPanel">
 <f:facet name="header">
 <h:outputText value=".NET Frameworks" />
 </f:facet>
 <rich:dropSupport id="dnet" acceptedTypes="DNET" dropValue="DNET"
 dropListener="#{eventBean.processDrop}" reRender="dnettable, src">
 </rich:dropSupport>

 <h:dataTable id="dnettable" columns="1" value="#{dndBean.containerDNET}" var="fm">
 <h:column>
 <h:outputText value="#{fm.name}"></h:outputText>
 </h:column>
 </h:dataTable>


 </rich:panel>

 <rich:panel styleClass="dropTargetPanel">
 <f:facet name="header">
 <h:outputText value="ColdFusion Frameworks" />
 </f:facet>
 <rich:dropSupport id="cf" acceptedTypes="CF" dropValue="CF"
 dropListener="#{eventBean.processDrop}" reRender="cftable, src">
 </rich:dropSupport>

 <h:dataTable id="cftable" columns="1" value="#{dndBean.containerCF}" var="fm">
 <h:column>
 <h:outputText value="#{fm.name}"></h:outputText>
 </h:column>
 </h:dataTable>
 </rich:panel>
 </h:panelGrid>

 </h:form>
 <a4j:outputPanel ajaxRendered="true">
 <h:messages></h:messages>
 </a4j:outputPanel>
</ui:composition>

<managed-bean>
 <managed-bean-name>fm</managed-bean-name>
 <managed-bean-class>gwkinfo.Framework</managed-bean-class>
 <managed-bean-scope>session</managed-bean-scope>
 </managed-bean>
 <managed-bean>
 <managed-bean-name>eventBean</managed-bean-name>
 <managed-bean-class>gwkinfo.EventBean</managed-bean-class>
 <managed-bean-scope>session</managed-bean-scope>
 </managed-bean>
 <managed-bean>
 <managed-bean-name>dndBean</managed-bean-name>
 <managed-bean-class>gwkinfo.DndBean</managed-bean-class>
 <managed-bean-scope>session</managed-bean-scope>
 </managed-bean>