This walkthrough shows you how to specify cursor effect for all DragControls.
During this walkthrough, you will learn how to do the following:
- Set ASP.NET panel for drag panel and drop panel.
- Use WebDragDropExtender to allow the dragable panel dragged to dropable panel.
Prerequisites
In order to complete this walkthrough, you will need the following:
- Visual Studio 2005 Application.
Step-By-Step Instructions
To specify cursor effect for all DragControls.
- Launch Visual Studio.NET 2005.
- Click on File menu, then select New and click Web Site.
- Select ASP.NET Web Site in the Template box and set Location to HTTP.
- Named the Web Site and click OK.
- Right-click on Project's name and select Add New Item.
- Select Intersoft AppForm in the My Templates box and named it as Walkthrough.aspx.
- Drag 6 ASP.Net Panel to WebForm.
- Drag WebDragDropExtender instance from ToolBar to the page.
- Set the BackColor of each ASP.NET Panel.

- Focus on WebDragDropExtender and press F4 (to go to WebDragDropExtender's properties).
- On DragControls property, click the (collection) to open WebDragControl Collection Editor. Set which panels that will become DragControl.

- On DropControls property, click the (collection) to open WebDropControl Collection Editor. Set which panels that will become DropControl.

- Search for DragSettings >> DefaultEffect. Set the cursor effect for all DragControls (for example : Copy)

- Run the project. You will notice the cursor effect when trying to drag the dragable panel and drop it to the dropable panel.
