5

Do you know of a tab widget that has built-in drag+drop reordering? I'm building an editor-like interface and want to allow the user to reorder their tabs.

So far I've been using ExtJS with a community plugin, but it's buggy and usually needs updating with every new ExtJS release.

3 Answers 3

7
+100

Is something like this what you're looking for?

I'd definitely use jQuery and jQuery UI as a base if I was trying to do what you are. The solid support structure and wealth of tutorials around jQuery is unbeatable!

Of course this is if you don't mind the weight of another javascript framework or having to recode some of your interface.

On a slight tangent, if you want your interface to remember a user's preferences you'll need a server-side language. Alternatively, use the jQuery cookie plugin to store preferences between page loads.

2
  • Excellent -- I never knew jQuery UI tabs were sortable so easily like that. We already use jQuery so it's a perfect starting point.
    – chroder
    Feb 3, 2010 at 0:35
  • It is 2023, anything latest to be used?
    – Siraj Alam
    Nov 10, 2023 at 11:19
1

There's a draggable tab widget based on YUI lib just for that.

If you're not concerned about adding another javascript lib to your application, I think it's an interesting alternative. You can even drag and drop tabs from other containers (I didn't see this feature on your ExtJS plugin by the way).

1
  • Link changed? Please copy relevant part to your answer.
    – Stefan
    Dec 23, 2017 at 6:45
0

There are attempts to make jquery tabs drag and drop able. While it is not drag and dropable out of the box you could make them yourself in jquery-ui.

Here are some resources that tried it: Resource 1 Resource 2

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.