How to make a draggable UI

[xFly_Flame1014 (cadbury_milk)]

Hello developers, how do I create a draggable UI like in the video below:

Example.wmv (708.5 KB)

Any help will be appreciated.

[MrMoled (Theo)]

Draggable property is hidden on gui objects

It’s never worked very well, and it’s not very flexible. You can’t implement behaviors like snapping or constraints using it, and when you decide you need those, your only option is to rewrite it from scratch. The concept of clicking and dragging is also foreign for gamepad controls, so relying on them in your UX is kind of bad. Here’s a snippet which actually works better than the Draggable property ever did. local UserInputService = game:GetService("UserInputService") local gui = script.Par…

[NoParameters (Para)]

In response to this, there was also a custom module made by @Spynaz on the DevForum that allowed for easily making draggable UI objects.

Here is the post.

[fiveironfan2006 (CodeBro29)]

Look for the property Draggable. Make sure that it is checked.

[xFly_Flame1014 (cadbury_milk)]

Its deprecated if I’m not wrong.

[xFly_Flame1014 (cadbury_milk)]

The solution I wanted is on how to script a draggable bar like the roblox default menu’s Volume Setting.

[NoParameters (Para)]

It would require something along the lines of using the .InputBegan and .InputEnded events on the UIObject you want to drag.

You’d just have to make sure you’re only following the position of the player’s mouse on the X axis.

[xFly_Flame1014 (cadbury_milk)]

Oh I see. Thank you for the solution.