Draggable UI element on chart that can move along the price axis

[albinjn]

How to create a draggable UI element on the chart that can move along the price axis similar to the one in chart trader?

[NinjaTrader_Jesse]

Hello albinjn,

Please see the DrawingToolTile indicator that comes with the platform for an example of a draggable UI.

[albinjn]

Thanks, NinjaTrader_Jesse for the reply. I had a look at it. It seems interesting but I need something that can be attached to the price bar. The UI in this case is not moving as the price bar moves. What I want to achieve is something similar to the draggable UI in the chart trader using which we can adjust the price. Any chance we can get access to how it is implemented?

[NinjaTrader_Jesse]

Hello albinjn,

That would be up to you to design if you wanted the control to move in a specific way. That would involve working with the controls positioning and also using mouse events to know when its being dragged and what its x/y coordinates mean in contrast to the chart scale. That would not really be something which I can suggested a specific resource for, you can research how to position WPF windows which is a similar concept to how the control is being manipulated in the script. Its Top and Left properties can be used for positioning.

The ChartControl and ChartScale objects have methods to do x/y conversions to times or prices:

https://ninjatrader.com/support/helpGuides/nt8/chartcontrol.htm

https://ninjatrader.com/support/helpGuides/nt8/chartscale.htm

The chart trader is not an area where you could have a draggable control, you could instead position controls within the chart traders grid to make a similar looking UI with buttons or other WPF controls. To have something draggable would require putting that control inside the charts UserControlCollection like the drawing tool tile indicator.