This walkthrough shows you how to enable a panel server control to be dragable across sibling child IFRAMEs.
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 drag panel dragged to drop panel.
- Create IFrame.
- Set panel to be dragable across sibling child IFRAMEs.
Prerequisites
In order to complete this walkthrough, you will need the following:
- Visual Studio 2005 Application.
Step-By-Step Instructions
To enabling a panel server control to be dragable across child IFRAMEs.
- 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 IFrame1.aspx.
- Drag WebDragDropExtender instance from ToolBar to WebForm.
- Drag ASP.Net panel to WebForm.

- Click on WebDragDropExtender instance and press F4.
- On DragControls property, click the (collection) button to open WebDragControl Collection Editor. You can set which panel that will be the DragControl also set for the Effect and EffectText.

- Right-click on Project's name and select Add New Item.
- Select Intersoft AppForm in the My Templates box and named it as IFrame2.aspx.
- Drag WebDragDropExtender instance from ToolBar to WebForm.
- Drag ASP.Net panel to WebForm.

- Click on WebDragDropExtender instance and press F4.
- On DropControls property, click the (collection) button to open WebDropControl Collection Editor. You can set which panel that will be the DropControl.

- 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 WebDragDropExtender instance from ToolBar to WebForm.
- Create 2 IFrame and point them to IFrame1.aspx and IFrame2.aspx.

- Click on WebDragDropExtender instance and press F4.
- Set DragSettings >> AllowCrossIFrame to SiblingAndChildIFrame.

- Run and compile the project. Try to drag the panel in the first IFrame to the panel in second IFrame.
