• USA : +1 973 910 5725
  • INDIA: +91 905 291 3388
  • info@tekslate.com
  • Login

Ajax Drag Panel Extender

Drag Panel Extender

Drag panel Extender is used to allow the user to dynamically drag a panel on the page It has two important properties targetControlID &  DraghandleId where DraghandleID is used to specify ID of the control by clicking on which the target control can be dragged.

While using Dragpanel Extender you must enclosed in a div tag in which the height property of style set to the required value within which the target control can be dragged

Example

The following example Demonstrate how to use a drag panel extender.

Add ‘a’ page to the website and place a Toolkit script manager and a panel on that page and within the panel take a label with the caption “click Here TO Drag” and next to the label provide any content within the panel.

Within HTML source of the page drag and drop DragpanelExtender and set the following properties to it by enclosing it in a Div tag as follows.

<div style = “height : 600px”>

<asp:DragpanelExtender Id=”DragPanelExtender1” runat=”server” TargetcontrolID= “panel1” DragHandleID =’Label1’>

</asp: DragPanelExtender> </div>

At runtime by clicking on the label caption ‘click Here to Drag’ you can drag the panel to anywhere within an area of 600 px.

Summary
Review Date
Reviewed Item
Ajax Drag Panel Extender
Author Rating
5

“At TekSlate, we are trying to create high quality tutorials and articles, if you think any information is incorrect or want to add anything to the article, please feel free to get in touch with us at info@tekslate.com, we will update the article in 24 hours.”

0 Responses on Ajax Drag Panel Extender"

    Leave a Message

    Your email address will not be published. Required fields are marked *

    Site Disclaimer, Copyright © 2016 - All Rights Reserved.

    Support


    Please leave a message and we'll get back to you soon.

    I agree to be contacted via e-mail.