Mega Code Archive
Using the DragPanel Control
<![CDATA[
<%@ Page Language="C#" %>
<%@ Register TagPrefix="ajax" Namespace="AjaxControlToolkit"
Assembly="AjaxControlToolkit" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager id="sm1" Runat="server" />
<asp:GridView
id="grdProducts"
DataSourceID="srcProducts"
Runat="server" />
<asp:Panel ID="pnlAdd" CssClass="pnlAdd" runat="server">
<asp:Panel ID="pnlDrag" CssClass="pnlDrag" runat="server">
Add New Product
</asp:Panel>
<div class="pnlContents">
<asp:FormView
ID="frmProduct"
DataSourceID="srcProducts"
DefaultMode="Insert"
runat="server">
<InsertItemTemplate>
<asp:Label
id="lblTitle"
AssociatedControlID="txtTitle"
Text="Title:"
Runat="server" />
<asp:TextBox
id="txtTitle"
Text='<%# Bind("Title") %>'
Runat="server" />
<br /><br />
<asp:Label
id="lblDirector"
AssociatedControlID="txtDirector"
Text="Director:"
Runat="server" />
<asp:TextBox
id="txtDirector"
Text='<%# Bind("Director") %>'
Runat="server" />
<br /><br />
<asp:Button
id="btnCancel"
Text="Cancel"
CommandName="Cancel"
Runat="server" />
<asp:Button
id="btnInsert"
Text="Insert"
CommandName="Insert"
Runat="server" />
</InsertItemTemplate>
</asp:FormView>
</div>
</asp:Panel>
<ajax:DragPanelExtender
id="dpe1"
TargetControlID="pnlAdd"
DragHandleID="pnlDrag"
Runat="server" />
<br /><br />
<a
href="javascript:void(0)"
onclick="$get('pnlAdd').style.display='block';">Add Product</a>
<asp:ObjectDataSource
id="srcProducts"
TypeName="Product"
SelectMethod="Select"
InsertMethod="Insert"
Runat="server" />
</div>
</form>
</body>
</html>
]]>