What's this UI pattern called?

jquery user-interface yui terminology
Matt Ball picture Matt Ball · May 17, 2010 · Viewed 9.9k times · Source

I'm trying to figure out what this sort of thing is called, and eventually how I can create one in a web browser. It looks like this (screenshot of the first app that came to mind):

enter image description here

The specific component/pattern I'm looking for is the two list boxes ("Included Gear" and "Excluded Gear") that represent inclusion/exclusion of items from a set. I'm not really looking for the WPF name (if there is one) but it might be helpful.

I am looking for the name of this thingy, if there is one, and if you really want to make my day, you can point me toward a jQuery or YUI way of making one of these dealies in a browser.

Answer

adamJLev picture adamJLev · May 17, 2010

I don't think there's an "official" name, typically called "dual list" or.. even more commonly known as "the thing where you have two boxes and you can move things in between".

Here's a jQuery Plugin for this: https://github.com/Geodan/DualListBox

Related questions

How do I add options to a DropDownList using jQuery?

As the question says, how do I add a new option to a DropDownList using jQuery? Thanks

Read More
Select all contents of textbox when it receives focus (Vanilla JS or jQuery)

What is a Vanilla JS or jQuery solution that will select all of the contents of a textbox when the textbox receives focus?

Read More
jQuery animate scroll

I'm not sure how to call the effect, but can someone point me into a library that would help me do the same effect as this website? http://www.makr.com Basically, it moves up the row to the top …

Read More