14th: Ajax Control Toolkit control package-3. dragpanel (drag effect)

 1 <asp: scriptmanager id = "scriptmanager1" runat = "server">
2 </ASP: scriptmanager>
3 <asp: Panel id = "Panel1" runat = "server">
4 <asp: Panel id = "panel2" runat = "server" backcolor = "# 3399ff" forecolor = "white">
5. I am the title. Drag Me Down. </ASP: Panel>
6 <asp: Panel id = "panel3" runat = "server">
7. playaspx.com <br/>
8. playaspx.com <br/>
9. playaspx.com </ASP: Panel>
10 </ASP: Panel>
11 <PC3: dragpanelextender id = "dragpanelextender1" runat = "server"
12 draghandleid = "panel2" targetcontrolid = "Panel1">
13 </PC3: dragpanelextender>

Common attributes

1. targetcontrolid, control space ID

2. draghandleid: drag the title

 

Fixed drag position

 

 <script type="text/javascript">
function setOrientation()
            {
                document.body.style.height=Math.max(document.documentElement.scrollHeight,document.body.scrollHeight)+"px";
            }
            setOrientation();
            $addHandler(window,"resize",setOrientation);
</script>