The first task is to use Atlas markup to add drag-drop behavior to a
div tag. By drag and drop, I just mean the ability to drag an object and the have it stay wherever you place it. The more complicated behavior of making an object actually do something when it is dropped on a specified drop target will be addressed later in this tutorial. To configure your webpage to use Atlas, you will need to download the Microsoft.Web.Atlas.dll file from the Microsoft site into your bin folder and configure your web.config file with the following entry:
You will need to add an Atlas Script Manager control to your .aspx page and configure it to use the AtlasUIDragDrop library file:
div object you want to make draggable, and make sure it has a drag handle:
Finally, add the markup script that will make your
And with that, you should have a draggable
div tag. The example demonstrates the simplicity and ease of using the declarative model with Atlas. In the terminology being introduced with Atlas, you have just used declarative markup to add floating behavior to an HTML element.