Drag and Drop for RadTreeView

[JNG]

I need to have a drop zone for each node of a RadTreeView.  I have added a RadAsyncUpload control in the NodeTemplate section.  Are there any examples/demos for this scenario?

I followed the current demo structure. But in my case, the files are getting dropped for every upload control and not the specific one.

 

 

[Hristo Valyavicharski]

Hi,

Every RadAsyncUpload has its own drop zone, so you can drop files directly into the upload control.

<telerik:RadTreeView runat="server" ID="tree">
             <Nodes>
                 <telerik:RadTreeNode>
                     <NodeTemplate>
                         Root Node 1
                         <telerik:RadAsyncUpload ID="RadAsyncUpload1" runat="server"></telerik:RadAsyncUpload>
                     </NodeTemplate>
                 </telerik:RadTreeNode>
                 <telerik:RadTreeNode>
                     <NodeTemplate>
                         Root Node 2
                         <telerik:RadAsyncUpload ID="RadAsyncUpload2" runat="server"></telerik:RadAsyncUpload>
                     </NodeTemplate>
                     <Nodes>
                         <telerik:RadTreeNode>
                             <NodeTemplate>
                                 Child Node 1
                                 <telerik:RadAsyncUpload ID="RadAsyncUpload2" runat="server"></telerik:RadAsyncUpload>
                             </NodeTemplate>
                         </telerik:RadTreeNode>
                     </Nodes>
                 </telerik:RadTreeNode>
             </Nodes>
         </telerik:RadTreeView>

Just have in mind that drag and drop functionality is not supported by the older browsers.

Regards,
Hristo Valyavicharski
Telerik

[JNG]

That seems to have worked. 

Now I cannot seem to change the style of the Drag/Drop box.  What is the CSS class that controls the style of the drag box?

 Thanks!

[Hristo Valyavicharski]

This should work for the default skin:

<style>
       html .RadUpload_Default .ruDropZone,
       html .RadUpload_Default_rtl .ruDropZone {
           border-color:red;
           background-color:yellow;
           color:green;
       }
   </style>

Regards,
Hristo Valyavicharski
Telerik