How to use DragPanelExtender in asp.net ajax

Ajax DragPanelExtender - How to use DragPanelExtender in asp.net ajax
UsingDragPanelExtender.aspx
<%@ Page Language="C#" AutoEventWireup="true" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
    
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Ajax DragPanelExtender - How to use DragPanelExtender in asp.net ajax</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:DodgerBlue; font-style:italic;">Ajax Control Toolkit Example: Using DragPanelExtender</h2>
        <hr width="600" align="left" color="LightBlue" />
        <asp:ScriptManager 
            ID="ScriptManager1"
            runat="server"
            >
        </asp:ScriptManager>
        <cc1:DragPanelExtender 
            ID="DragPanelExtender1"
            runat="server"
            TargetControlID="Panel1"
            DragHandleID="Label1"
            >
        </cc1:DragPanelExtender>
        <asp:Panel 
            ID="Panel1"
            runat="server"
            BackColor="Snow"
            Width="250"
            HorizontalAlign="Center"
            >
            <asp:Label 
                ID="Label1"
                runat="server"
                Width="100%"
                BackColor="HotPink"
                Font-Bold="true"
                ForeColor="Snow"
                Text="Drag Me"
                >
            </asp:Label>
            <asp:Image 
                ID="Image1" 
                runat="server" 
                ImageUrl="~/Images/RedFlower.jpg"
                Height="275"
                BorderWidth="3"
                BorderColor="DeepPink"
                />
        </asp:Panel>
    </div>
    </form>
</body>
</html>








Related asp.net example