Intersoft WebDesktop Documentation
Walkthrough: Enabling a panel server control to be dragable across sibling child IFRAMEs
See Also Send Feedback
Intersoft WebDesktop > WebDragDropExtender > Features > Cross IFRAME Support > Walkthrough: Enabling a panel server control to be dragable across sibling child IFRAMEs

Glossary Item Box

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:

 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.

  1. Launch Visual Studio.NET 2005.
  2. Click on File menu, then select New and click Web Site.
  3. Select ASP.NET Web Site in the Template box and set Location to HTTP.
  4. Named the Web Site and click OK.
  5. Right-click on Project's name and select Add New Item.
  6. Select Intersoft AppForm in the My Templates box and named it as IFrame1.aspx.
  7. Drag WebDragDropExtender instance from ToolBar to WebForm.
  8. Drag ASP.Net panel to WebForm.



  9. Click on WebDragDropExtender instance and press F4.
  10. 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.



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



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



  17. Right-click on Project's name and select Add New Item.
  18. Select Intersoft AppForm in the My Templates box and named it as Walkthrough.aspx.
  19. Drag WebDragDropExtender instance from ToolBar to WebForm.
  20. Create 2 IFrame and point them to IFrame1.aspx and IFrame2.aspx.



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



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


See Also

© 2012 Intersoft Solutions Corp. All Rights Reserved.