.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Win Surprise Gifts!!!

Top 5 Contributors of the Month
Gaurav Pal
Post New Web Links

Drag and drop images to form groups

Posted By:      Posted Date: September 22, 2010    Points: 0   Category :ASP.Net

My daughter is in kindergarten and the teacher asked me to help, I need to do a web page that will display images in one area, and allow them to be dragged to groups to categorize them, I guess I could add the needed number of panels for the groups but don't know about the dragging and dropping.  

Any help greatly appreciated,

Sr. Involved Parent. 

View Complete Post

More Related Resource Links

Form Drag/Drop with a Usercontrol



I wanted to ask if it's possible to make it possible to drag and drop a Windows Form without a ControlBox in C#. So my Form has the Property "FormBorderStyle = FormBorderStyles.None".  I want to simulate a ControlBox by using an ElementHost and a costum WPF-Usercontrol. Could anyone help me with this problem?

How can I get drag and drop to drop at the correct index when using CollectionViewSource Groups?


I have a DataGrid that uses a CollectionViewSource to group items within it. Additionally, I've set up drag and drop for the DataGrid so that rows can be moved within groups and between groups in the DataGrid. In both cases, dragging and dropping rows within the DataGrid causes a problem where the item is dropped, but is visually inserted at a different place than I'd expect. I've confirmed that, in the collection I assigned to my CollectionViewSource, the item is inserted at the appropriate index. However, the CollectionViewSource's DefaultView seems to inexplicably place the new item a few indexes above where it was inserted. Is there something I can do to make the Groups' item collections match the collection's ordering?



Making images available to NON-WPF applications (drag/drop) problem


Hallo: I am experimenting with drag and drop features, and in particular, with dragging images from my applications. The images are stored as BitmapImages and, when I start the drag event, I would like to fill the DataObject also with data which can be pasted also by other applications (such as, i.e. MS Word).

So, my code, for the time being, is:

BitmapeImage img;
///... some bitmapImage Initialization code...

/// Code Handling Drag event
DataObject myData = newDataObject();

myData.SetData(typeof(BitmapImage), img);

System.Drawing.Bitmap bmp = BitmapImageToBitmap(img);
myData.SetData(DataFormats.Bitmap, bmp);
myData.SetData(DataFormats.StringFormat, "Some String");

Where BitmapImageToBitmap is:

using Bitmap = System.Drawing.Bitmap;
using BitmapImage = System.Windows.Media.Imaging.BitmapImage;
using Encoder = System.Windows.Media.Imaging.BmpBitmapEncoder;


Wicked Code: Drag and Drop with ASP.NET AJAX


Jeff Prosise shows how you can implement drag-and-drop functionality in your Web app with ASP.NET AJAX.

Jeff Prosise

MSDN Magazine January 2008

ASP.NET: Web Forms Let You Drag And Drop Your Way To Powerful Web Apps


Web Forms have the potential to change Web programming by introducing a new programming model built around server-side controls-a model in which controls render their own UIs by generating HTML to return to clients and firing events that are handled by server-side scripts. Since all the action takes place on the Web server, virtually any browser can run a Web Forms app. And thanks to Visual Studio .NET, building a Web Forms app is a lot like using Visual Basic: just drop a control onto a form then write an event handler. This article describes the Web Forms programming model, how it fits with ASP.NET, and introduces DataGrid, TextBox, and other classes in the .NET Framework class library.

Jeff Prosise

MSDN Magazine May 2001

Scott Howlett and Jeff Dunmall: Drag and Drop Data Manipulation Powered by XML


Building on the browser-based org chart featuring VML (Vector Markup Language) described previously in Microsoft Internet Developer, this article takes you through the process of refining that sample app by using XML, XSL, and JScript code to create a new, improved version. Drag and drop editing is added to the org chart interface thanks to built-in support found in Internet Explorer 5.0. XML and JScript allow data manipulated on the screen to be saved back to the server in its native format. The final product of this combination of XML, XSL, and VML is a high performance, scalable Internet app that uses processing on the client to reduce stress for the server.

Scott Howlett and Jeff Dunmall

MSDN Magazine March 2000

Asp.Net Treeview Drag n Drop


Hello all

How to make asp.net treeview drag and drop enabled on web. I am unable to find any javascript and there is not any event to make treeview drag and drop enabled.

Kindly suggest me how to use drag and drop facility in treeview.

I don't want to use any third party utility.

waiting for reply..........


Thanks in advance

Listview - Drag and Drop?


Hey everyone, I have a treeview and a listview on my ASP.NET application. However, with treeview I can drag and drop it to where ever I want it on my page. I tried this with listview, but it wouldn't let me. Listview automatically positions itself along the left side of my application. What I'm wanting to do is put my treeview along the right side and then put my treeview along the left side of the application. Any ideas on why I can't do this or suggestions on how I might be able to do this?

By the way, I'm running Visual Studio 2010 and using .NET FRAMEWORK 4.

Drag and Drop data binding and Enums

I'm using Visual Studio 2010 to design a simple WPF application. I created a simple class, with some Enum property, and added the class as a new data source, then dragged and dropped it from the Data sources window as a DataGrid. The result is a data grid that works properly, except for enum handling. Obviously, I want enums to be displayed as combo boxes, so I set the option. The problem is: I get a combo box column, but it is NOT populated with the Enum's values, instead only the current value is displayed and the user can't change it. This behavior seems completely useless to me. Am I doing something wrong here, or is there another explanation for this? Why isn't the designer handling enums in a sensible way? Another problem is, if I choose to drag the class as "Details". Again everything works except enums. I get a standalone combobox, but it displays the values of the property from the entire list, and choosing a different item in the combobox changes the active bound property. Once again, useless behavior - I expect the designer to create a combobox populated with values from the Enum, and for it to act like every other control in a master-details relationship - choosing a different value changes the state of the current item. Please advise.

GiveFeedback @ Drag and drop

Hi guys, i setup a little test app. There is only a stackpanel with some buttons and a black rectangle... Its possible to drag and drop the rectangle into the stackpanel! Now i would like to provide feedback to the user! The ui element in this case the black rec should be placed near the cursor... Exmaple: http://livedocs.adobe.com/flex/3/html/help.html?content=dragdrop_7.html I don't have a idea todo that... please help me with some nice code! thanks :) private Point startPoint; public MainWindow() { this.InitializeComponent(); rect.PreviewMouseLeftButtonDown += (s, e) => { startPoint = e.GetPosition(null); }; rect.MouseMove += (s, e) => { Point mousePos = e.GetPosition(null); Vector diff = startPoint - mousePos; if (e.LeftButton == MouseButtonState.Pressed && Math.Abs(diff.X) > SystemParameters.MinimumHorizontalDragDistance && Math.Abs(diff.Y) > SystemParameters.MinimumVerticalDragDistance) { Rectangle r = s as Rectangle; DataObject dragData = new DataObject("rect", r); DragDrop.DoDragDrop(r, dragData, DragDropEffects.Move); } }; stack.AllowDrop = true; stack.DragEnter += (s, e) => { if (!e.Data.GetDataPresent("rect") || s == e

Drag Drop adorner visual performance

Hi, I've been modifying my application based on a MSDN blog post on WPF drag and drop.   While I found the blog post very helpful, what I've noticed when trying to use a visual for a drag indicator (rather than either a default or custom cursor), is that the visual doesn't 'keep up' with the cursor movement.  That is, if I move the mouse quickly during a drag/drop operation, there is a space between the visual adorner being moved around and the cursor.  When I stop movement (but still have the mouse button down so the drag/drop operation is still active), the visual 'catches up' with the standard cursor.  And if I were to move the mouse slower, then the standard cursor and the drag drop visual positions are kept in sync. This lag between the movement of the 'real' cursor and the visual is even more obvious in my application than in blog post sample application, although it is present in the sample application as well.  My question is, is there anyway to improve the performance of a custom drag drop operation using a visual such that I can quickly move around the mouse and not see a gap between the cursor and the visual? Thanks, Notre

Drag and Drop

Hi,   I have been trying to implement drag and drop in my ListView for a while now. There's a number of examples floating around but none of them have really been working for me. I have manage to combine MouseLeftDown and MouseMove to make it possible to drag one item. However, when multiple items are selected it only drags one item (since it changes selection when the MouseLeftDown is triggered).   I haven't stumbled upon a good solution to this yet. I need to be able to drag one or more items and drop them either in the listview itself or some other control. I want a visual indication of the items being dragged as well as some sort of line to tell where the items will be inserted into the listview.   Does anyone have any suggestions on how to go forward? What magic with the mouse events should I preform?   Thanks!

Drag and Drop Events binded to MVVM commands

Hi , I am developing the drag n drop functionality.. I want in my drop event my command from MVVM model should fire.. Can you help me in how to Map Drag drop events  into MVVM by Commands...

WPF - Drag and Drop Scrolling Issue.

Hi All,   I Implemented drag and drop for listbox in wpf. The scrolling also working, but It's not working as expected. for example, I have 15 items in my listbox and I dragged 1st item to 8th position, the scroller goes to the extreme location(15 position) and if I scroll up its goes to the first location of the item(scrolling is happening very fastly). Please any one can guide me to resolve this. Please let me know if more infor required.   Thanks, Karthikeyan Manickam.

Changing Mouse Cursor into Crossed Circle in ListBox-ScrollBar/ScrollViewer(on Drag and Drop).

Hi All,   I have a ListBox with 10 items, the automatic Scrollbar/ScrollViewer is appearing. If i'm dragging an item from the listbox and moving the mouse cursor on top scrollbar/scrollviewer the cusor have to change into CROSSED CIRCLE(means its not a location to drop). Can any one help to do the same, or please let me know if more info needed.   Thanks, Karthikeyan Manickam.

Drag drop functinality not working on Explore View control for file containing special characters in

We have created a control which uses explorer view control for file drag and drop. This functinality works fine for a file having filename without special characters but it gives an error if we drag and drop a file having special characters in the file name. The reason for this is Sharepoint uses WebDAV protocol for file transfer to the Sharepoint document library and WebDAV protocol has limitation that it does'nt accept file with special characters. Please let me know the way how I can accomplish drag and drop of file with special characters in file name, onto Explorer View control with WebDAV.
ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  Silverlight  Others  All   

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend