How do I make draggable tabs?

  1. What do you want to achieve?
    I want the ability to drag the tabs in the image below

  2. What is the issue?
    Not sure where to start, couldn’t find anything on Google.

  3. What solutions have you tried so far?
    Extensive searching; found nothing

Just to be clear, I’m not asking for anyone to write the whole script for me. I just want to be pointed in the right direction

image

Are these the widget tabs at the top of the viewport in Roblox Studio?

Nope, custom tabs made for my plugin.

Oh, sorry. Though the new docking system’s tabs looked just like it off of memory.


Use UIListLayout. Below, I have a couple of TextButtons parented with a UIListLayout to a Frame. I’ve set the SortOrder property on the UIListLayout to Name. This orders the TextButtons by name.

image

Button Name Button Text
0.1 a
0.23 c
0.5 b
0.8 d


For the coding side, create a script that constantly changes the name of the focused tab to the X axis of mouse’s position relative to the plugin widget.


The only downside to this is that the tabs instantly snap into position and there is no animation to them.