Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Javascript tabs widget with drag and drop reordering

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.

like image 231
chroder Avatar asked Jan 19 '10 09:01

chroder


2 Answers

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.

like image 145
Rowan Avatar answered Sep 27 '22 19:09

Rowan


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).

like image 45
GmonC Avatar answered Sep 27 '22 19:09

GmonC