{code:xml}<div>
  <rich:dragIndicator id="indicator1" />
  <rich:tree style="width:300px" 
      value="#{treeService.treeNode}" var="item" componentState="#{treeState.state}"
      id="categoryTree" nodeFace="#{item.type}">
    <rich:treeNode type="Service" id="serviceNode">
 
      <ui:remove><!-- This panel is supposed to accept drag-and-drop, but doesn't --></ui:remove>                 
      <rich:panel id="pnl-drp-#{item.service.id}" style="height: 5px; background-color: black;" >
        <rich:dropSupport id="serviceDrop" acceptedTypes="ser" actionListener="#{treeService.dropListener}" />                   
      </rich:panel>
 
      <ui:remove><!-- This panel can be dragged, and it works --></ui:remove>                 
      <h:panelGrid columns="2" border="0" id="pnl-s-#{item.service.id}">
        <h:outputText value="#{item.service.name}" /> 
        <rich:dragSupport dragType="ser" dragIndicator="indicator1" >
          <rich:dndParam name="label" type="drag" value="Move #{item.service.name} to..." />
        </rich:dragSupport>
      </h:panelGrid>
    </rich:treeNode>
  </rich:tree>
 
  <ui:remove><!-- This panel accepts drag-and-drop (as it is outside the tree?) --></ui:remove>                 
  <rich:panel id="pnl-drp-NONE" style="height: 25px; background-color: black;" >
    <rich:dropSupport id="aboDropOutside" acceptedTypes="ser" actionListener="#{treeService.dropListener}" />                   
  </rich:panel>
</div>{code}