---
id: "T:cAlgo.API.ApplicationDraggable"
kind: "interface"
namespace: "cAlgo.API"
url: "https://help.ctrader.com/ctrader-algo/references/Application/ApplicationDraggable/"
---

> Documentation index for agents: https://help.ctrader.com/ctrader-algo/llms.txt · machine index: https://help.ctrader.com/ctrader-algo/api.json

# ApplicationDraggable (interface)

Represents a draggable box that can host a control and shown over application.

Environments: Desktop supported · CLI not supported · Cloud not supported.

- CLI: Never displayed: starts at X=0, Y=0; position changes are not applied and LocationChanged never fires.
- Cloud: Never displayed: starts at X=0, Y=0; position changes are not applied and LocationChanged never fires.

## Definition

```csharp
public interface ApplicationDraggable
```

Available since cAlgo.API 5.2.

## Examples

C#:

```csharp
public partial class TestExample : Robot
{
   private const string Label = "Draggable";

   protected override void OnStart()
   {
       var openPositionButton = new Button {Text = "Open Position"};

       openPositionButton.Click += _ => ExecuteMarketOrder(TradeType.Buy, SymbolName, Symbol.VolumeInUnitsMin, Label);

       var closePositionsButton = new Button {Text = "Close Position"};

       closePositionsButton.Click += _ => Positions.Find(Label)?.Close();

       var panel = new StackPanel {Orientation = Orientation.Vertical, BackgroundColor = Color.Red};

       panel.AddChild(openPositionButton);
       panel.AddChild(closePositionsButton);

       var draggable = Application.Draggables.Add();

       draggable.ShowGrip = true;
       draggable.Child = panel;

       draggable.LocationChanged += args => Print($"Draggable Location Changed: {args.Draggable.X}, {args.Draggable.Y}");
   }
}
```

Python:

```python
import clr

clr.AddReference("cAlgo.API")

# Import cAlgo API types
from cAlgo.API import *

# Import trading wrapper functions
from robot_wrapper import *

from System import Action

class Test():
    Label = "Draggable"
    def on_start(self):
        openPositionButton = Button()
        openPositionButton.Text = "Open Position"
        openPositionButton.Click += self.open_position

        closePositionsButton = Button()
        closePositionsButton.Text = "Close Position"
        closePositionsButton.Click += self.close_position

        panel = StackPanel()
        panel.Orientation = Orientation.Vertical
        panel.BackgroundColor = Color.Red

        panel.AddChild(openPositionButton)
        panel.AddChild(closePositionsButton)

        draggable = api.Application.Draggables.Add()
        draggable.ShowGrip = True
        draggable.Child = panel

        draggable.LocationChanged += lambda args: print(f"Draggable Location Changed: {args.Draggable.X}, {args.Draggable.Y}")

    def open_position(self, args):
        api.ExecuteMarketOrder(TradeType.Buy, api.SymbolName, api.Symbol.VolumeInUnitsMin, self.Label)

    def close_position(self, args):
        position = api.Positions.Find(self.Label)

        if position is not None:
            position.Close()
```

config.json:

```json
{
  "AccessRights": "None"
}
```

## Properties

- `ControlBase Child {get; set;}` — Get / set the content control inside the draggable. [details](https://help.ctrader.com/ctrader-algo/references/Application/ApplicationDraggable/Child/index.md)
- `string Id {get;}` — Get unique ID of the Draggable. [details](https://help.ctrader.com/ctrader-algo/references/Application/ApplicationDraggable/Id/index.md)
- `bool IsVisible {get; set;}` — Get / set visibility of draggable. [details](https://help.ctrader.com/ctrader-algo/references/Application/ApplicationDraggable/IsVisible/index.md)
- `bool ShowGrip {get; set;}` — Get / set move grip visibility (default: true). [details](https://help.ctrader.com/ctrader-algo/references/Application/ApplicationDraggable/ShowGrip/index.md)
- `double X {get; set;}` — Get / set X coordinate (default: 0). [details](https://help.ctrader.com/ctrader-algo/references/Application/ApplicationDraggable/X/index.md)
- `double Y {get; set;}` — Get / set Y coordinate (default: 0). [details](https://help.ctrader.com/ctrader-algo/references/Application/ApplicationDraggable/Y/index.md)

## Events

- `event Action<ApplicationDraggableLocationChangedEventArgs> LocationChanged;` — Occurs when the draggable's location is changed. [details](https://help.ctrader.com/ctrader-algo/references/Application/ApplicationDraggable/LocationChanged/index.md)