From e8e030bb88e17fc5068033eed8e44fe89111210d Mon Sep 17 00:00:00 2001
From: Teppo Kurki <teppo.kurki@itmill.com>
Date: Wed, 7 Jan 2009 15:07:49 +0000
Subject: [PATCH] First test commit. Hope I don't break anything.

svn changeset:6437/svn branch:trunk
---
 .../toolkit/demo/sampler/FeatureSet.java      |  20 +++++++++
 .../features/selects/ComboBoxPlain.java       |  33 +++++++++++++++
 .../features/selects/ComboBoxPlain.png        | Bin 0 -> 1586 bytes
 .../selects/ComboBoxPlainExample.java         |  38 +++++++++++++++++
 .../features/selects/ListSelectMultiple.java  |  35 +++++++++++++++
 .../features/selects/ListSelectMultiple.png   | Bin 0 -> 2037 bytes
 .../selects/ListSelectMultipleExample.java    |  38 +++++++++++++++++
 .../features/selects/ListSelectSingle.java    |  33 +++++++++++++++
 .../features/selects/ListSelectSingle.png     | Bin 0 -> 1928 bytes
 .../selects/ListSelectSingleExample.java      |  38 +++++++++++++++++
 .../features/selects/NativeSelection.java     |  32 ++++++++++++++
 .../features/selects/NativeSelection.png      | Bin 0 -> 1445 bytes
 .../selects/NativeSelectionExample.java       |  38 +++++++++++++++++
 .../features/selects/TwinColumnSelect.java    |  38 +++++++++++++++++
 .../features/selects/TwinColumnSelect.png     | Bin 0 -> 2431 bytes
 .../selects/TwinColumnSelectExample.java      |  40 ++++++++++++++++++
 16 files changed, 383 insertions(+)
 create mode 100644 src/com/itmill/toolkit/demo/sampler/features/selects/ComboBoxPlain.java
 create mode 100644 src/com/itmill/toolkit/demo/sampler/features/selects/ComboBoxPlain.png
 create mode 100644 src/com/itmill/toolkit/demo/sampler/features/selects/ComboBoxPlainExample.java
 create mode 100644 src/com/itmill/toolkit/demo/sampler/features/selects/ListSelectMultiple.java
 create mode 100644 src/com/itmill/toolkit/demo/sampler/features/selects/ListSelectMultiple.png
 create mode 100644 src/com/itmill/toolkit/demo/sampler/features/selects/ListSelectMultipleExample.java
 create mode 100644 src/com/itmill/toolkit/demo/sampler/features/selects/ListSelectSingle.java
 create mode 100644 src/com/itmill/toolkit/demo/sampler/features/selects/ListSelectSingle.png
 create mode 100644 src/com/itmill/toolkit/demo/sampler/features/selects/ListSelectSingleExample.java
 create mode 100644 src/com/itmill/toolkit/demo/sampler/features/selects/NativeSelection.java
 create mode 100644 src/com/itmill/toolkit/demo/sampler/features/selects/NativeSelection.png
 create mode 100644 src/com/itmill/toolkit/demo/sampler/features/selects/NativeSelectionExample.java
 create mode 100644 src/com/itmill/toolkit/demo/sampler/features/selects/TwinColumnSelect.java
 create mode 100644 src/com/itmill/toolkit/demo/sampler/features/selects/TwinColumnSelect.png
 create mode 100644 src/com/itmill/toolkit/demo/sampler/features/selects/TwinColumnSelectExample.java

diff --git a/src/com/itmill/toolkit/demo/sampler/FeatureSet.java b/src/com/itmill/toolkit/demo/sampler/FeatureSet.java
index 3e92e9ec79..5271ffba52 100644
--- a/src/com/itmill/toolkit/demo/sampler/FeatureSet.java
+++ b/src/com/itmill/toolkit/demo/sampler/FeatureSet.java
@@ -20,6 +20,11 @@ import com.itmill.toolkit.demo.sampler.features.notifications.NotificationError;
 import com.itmill.toolkit.demo.sampler.features.notifications.NotificationHumanized;
 import com.itmill.toolkit.demo.sampler.features.notifications.NotificationTray;
 import com.itmill.toolkit.demo.sampler.features.notifications.NotificationWarning;
+import com.itmill.toolkit.demo.sampler.features.selects.ComboBoxPlain;
+import com.itmill.toolkit.demo.sampler.features.selects.ListSelectMultiple;
+import com.itmill.toolkit.demo.sampler.features.selects.ListSelectSingle;
+import com.itmill.toolkit.demo.sampler.features.selects.NativeSelection;
+import com.itmill.toolkit.demo.sampler.features.selects.TwinColumnSelect;
 
 /**
  * Contains the FeatureSet implementation and the structure for the feature
@@ -61,6 +66,7 @@ public class FeatureSet extends Feature {
                     new Buttons(), //
                     new Links(), //
                     new Notifications(), //
+                    new Selects(), //
             });
         }
     }
@@ -115,6 +121,20 @@ public class FeatureSet extends Feature {
         }
     }
 
+    public static class Selects extends FeatureSet {
+        public Selects() {
+            super("Selects", new Feature[] {
+            //
+                    new ListSelectSingle(), //  
+                    new ListSelectMultiple(), //
+                    new TwinColumnSelect(), //
+                    new NativeSelection(), //
+                    new ComboBoxPlain(), //
+
+            });
+        }
+    }
+
     // ----------------------------------------------------------
     /*
      * FeatureSet implementation follows.
diff --git a/src/com/itmill/toolkit/demo/sampler/features/selects/ComboBoxPlain.java b/src/com/itmill/toolkit/demo/sampler/features/selects/ComboBoxPlain.java
new file mode 100644
index 0000000000..8bfa0b3ecd
--- /dev/null
+++ b/src/com/itmill/toolkit/demo/sampler/features/selects/ComboBoxPlain.java
@@ -0,0 +1,33 @@
+package com.itmill.toolkit.demo.sampler.features.selects;
+
+import com.itmill.toolkit.demo.sampler.APIResource;
+import com.itmill.toolkit.demo.sampler.Feature;
+import com.itmill.toolkit.demo.sampler.NamedExternalResource;
+import com.itmill.toolkit.ui.ComboBox;
+
+public class ComboBoxPlain extends Feature {
+
+    @Override
+    public String getDescription() {
+        return "A drop-down selection component with single item selection."
+                + " No special features used in this example";
+    }
+
+    @Override
+    public APIResource[] getRelatedAPI() {
+        return new APIResource[] { new APIResource(ComboBox.class) };
+    }
+
+    @Override
+    public Class[] getRelatedFeatures() {
+        return new Class[] { ListSelectSingle.class, NativeSelection.class,
+                ListSelectMultiple.class, TwinColumnSelect.class };
+    }
+
+    @Override
+    public NamedExternalResource[] getRelatedResources() {
+        // TODO Auto-generated method stub
+        return null;
+    }
+
+}
diff --git a/src/com/itmill/toolkit/demo/sampler/features/selects/ComboBoxPlain.png b/src/com/itmill/toolkit/demo/sampler/features/selects/ComboBoxPlain.png
new file mode 100644
index 0000000000000000000000000000000000000000..1c044f9b978710c893951008c72af596326b5a20
GIT binary patch
literal 1586
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

literal 0
HcmV?d00001

diff --git a/src/com/itmill/toolkit/demo/sampler/features/selects/ComboBoxPlainExample.java b/src/com/itmill/toolkit/demo/sampler/features/selects/ComboBoxPlainExample.java
new file mode 100644
index 0000000000..5fce013388
--- /dev/null
+++ b/src/com/itmill/toolkit/demo/sampler/features/selects/ComboBoxPlainExample.java
@@ -0,0 +1,38 @@
+package com.itmill.toolkit.demo.sampler.features.selects;
+
+import com.itmill.toolkit.data.Property;
+import com.itmill.toolkit.data.Property.ValueChangeEvent;
+import com.itmill.toolkit.ui.ComboBox;
+import com.itmill.toolkit.ui.VerticalLayout;
+
+public class ComboBoxPlainExample extends VerticalLayout implements
+        Property.ValueChangeListener {
+
+    private static final String[] cities = new String[] { "Berlin", "Brussels",
+            "Helsinki", "Madrid", "Oslo", "Paris", "Stockholm" };
+
+    public ComboBoxPlainExample() {
+        setSpacing(true);
+
+        ComboBox l = new ComboBox("Please select a city");
+        for (int i = 0; i < cities.length; i++) {
+            l.addItem(cities[i]);
+        }
+
+        l.setNullSelectionAllowed(false);
+        l.setValue("Berlin");
+        l.setImmediate(true);
+        l.addListener(this);
+
+        addComponent(l);
+    }
+
+    /*
+     * Shows a notification when a selection is made.
+     */
+    @Override
+    public void valueChange(ValueChangeEvent event) {
+        getWindow().showNotification("Selected city: " + event.getProperty());
+
+    }
+}
diff --git a/src/com/itmill/toolkit/demo/sampler/features/selects/ListSelectMultiple.java b/src/com/itmill/toolkit/demo/sampler/features/selects/ListSelectMultiple.java
new file mode 100644
index 0000000000..d1c345634a
--- /dev/null
+++ b/src/com/itmill/toolkit/demo/sampler/features/selects/ListSelectMultiple.java
@@ -0,0 +1,35 @@
+package com.itmill.toolkit.demo.sampler.features.selects;
+
+import com.itmill.toolkit.demo.sampler.APIResource;
+import com.itmill.toolkit.demo.sampler.Feature;
+import com.itmill.toolkit.demo.sampler.NamedExternalResource;
+import com.itmill.toolkit.ui.ListSelect;
+
+public class ListSelectMultiple extends Feature {
+
+    @Override
+    public String getDescription() {
+        return "A simple list select component with multiple item selection."
+                + " A null selection is also allowed in this example."
+                + "<br>You can select multiple items from the list by holding"
+                + " the CTRL of SHIFT key while clicking the items.";
+    }
+
+    @Override
+    public APIResource[] getRelatedAPI() {
+        return new APIResource[] { new APIResource(ListSelect.class) };
+    }
+
+    @Override
+    public Class[] getRelatedFeatures() {
+        return new Class[] { ComboBoxPlain.class, NativeSelection.class,
+                ListSelectSingle.class, TwinColumnSelect.class };
+    }
+
+    @Override
+    public NamedExternalResource[] getRelatedResources() {
+        // TODO Auto-generated method stub
+        return null;
+    }
+
+}
diff --git a/src/com/itmill/toolkit/demo/sampler/features/selects/ListSelectMultiple.png b/src/com/itmill/toolkit/demo/sampler/features/selects/ListSelectMultiple.png
new file mode 100644
index 0000000000000000000000000000000000000000..8c6052f6c2f97ccb65a2364fa70b8e1ccc816551
GIT binary patch
literal 2037
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
TsTn*J00000NkvXXu0mjfu?@y-

literal 0
HcmV?d00001

diff --git a/src/com/itmill/toolkit/demo/sampler/features/selects/ListSelectMultipleExample.java b/src/com/itmill/toolkit/demo/sampler/features/selects/ListSelectMultipleExample.java
new file mode 100644
index 0000000000..fafe9cd0d6
--- /dev/null
+++ b/src/com/itmill/toolkit/demo/sampler/features/selects/ListSelectMultipleExample.java
@@ -0,0 +1,38 @@
+package com.itmill.toolkit.demo.sampler.features.selects;
+
+import com.itmill.toolkit.data.Property;
+import com.itmill.toolkit.data.Property.ValueChangeEvent;
+import com.itmill.toolkit.ui.ListSelect;
+import com.itmill.toolkit.ui.VerticalLayout;
+
+public class ListSelectMultipleExample extends VerticalLayout implements
+        Property.ValueChangeListener {
+
+    private static final String[] cities = new String[] { "Berlin", "Brussels",
+            "Helsinki", "Madrid", "Oslo", "Paris", "Stockholm" };
+
+    public ListSelectMultipleExample() {
+        setSpacing(true);
+
+        ListSelect l = new ListSelect("Please select some cities");
+        for (int i = 0; i < cities.length; i++) {
+            l.addItem(cities[i]);
+        }
+        l.setRows(7);
+        l.setNullSelectionAllowed(true);
+        l.setMultiSelect(true);
+        l.setImmediate(true);
+        l.addListener(this);
+
+        addComponent(l);
+    }
+
+    /*
+     * Shows a notification when a selection is made.
+     */
+    @Override
+    public void valueChange(ValueChangeEvent event) {
+        getWindow().showNotification("Selected cities: " + event.getProperty());
+
+    }
+}
diff --git a/src/com/itmill/toolkit/demo/sampler/features/selects/ListSelectSingle.java b/src/com/itmill/toolkit/demo/sampler/features/selects/ListSelectSingle.java
new file mode 100644
index 0000000000..cc495d3560
--- /dev/null
+++ b/src/com/itmill/toolkit/demo/sampler/features/selects/ListSelectSingle.java
@@ -0,0 +1,33 @@
+package com.itmill.toolkit.demo.sampler.features.selects;
+
+import com.itmill.toolkit.demo.sampler.APIResource;
+import com.itmill.toolkit.demo.sampler.Feature;
+import com.itmill.toolkit.demo.sampler.NamedExternalResource;
+import com.itmill.toolkit.ui.ListSelect;
+
+public class ListSelectSingle extends Feature {
+
+    @Override
+    public String getDescription() {
+        return "A simple list select component with single item selection."
+                + " A null selection is not allowed in this example.";
+    }
+
+    @Override
+    public APIResource[] getRelatedAPI() {
+        return new APIResource[] { new APIResource(ListSelect.class) };
+    }
+
+    @Override
+    public Class[] getRelatedFeatures() {
+        return new Class[] { ComboBoxPlain.class, NativeSelection.class,
+                ListSelectMultiple.class, TwinColumnSelect.class };
+    }
+
+    @Override
+    public NamedExternalResource[] getRelatedResources() {
+        // TODO Auto-generated method stub
+        return null;
+    }
+
+}
diff --git a/src/com/itmill/toolkit/demo/sampler/features/selects/ListSelectSingle.png b/src/com/itmill/toolkit/demo/sampler/features/selects/ListSelectSingle.png
new file mode 100644
index 0000000000000000000000000000000000000000..ac55b53858568edef3d97bfc49b17e686e2971a1
GIT binary patch
literal 1928
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
O0000<MNUMnLSTZ{N_Zy#

literal 0
HcmV?d00001

diff --git a/src/com/itmill/toolkit/demo/sampler/features/selects/ListSelectSingleExample.java b/src/com/itmill/toolkit/demo/sampler/features/selects/ListSelectSingleExample.java
new file mode 100644
index 0000000000..f08b871083
--- /dev/null
+++ b/src/com/itmill/toolkit/demo/sampler/features/selects/ListSelectSingleExample.java
@@ -0,0 +1,38 @@
+package com.itmill.toolkit.demo.sampler.features.selects;
+
+import com.itmill.toolkit.data.Property;
+import com.itmill.toolkit.data.Property.ValueChangeEvent;
+import com.itmill.toolkit.ui.ListSelect;
+import com.itmill.toolkit.ui.VerticalLayout;
+
+public class ListSelectSingleExample extends VerticalLayout implements
+        Property.ValueChangeListener {
+
+    private static final String[] cities = new String[] { "Berlin", "Brussels",
+            "Helsinki", "Madrid", "Oslo", "Paris", "Stockholm" };
+
+    public ListSelectSingleExample() {
+        setSpacing(true);
+
+        ListSelect l = new ListSelect("Please select a city");
+        for (int i = 0; i < cities.length; i++) {
+            l.addItem(cities[i]);
+        }
+        l.setRows(7);
+        l.setNullSelectionAllowed(false);
+        l.setValue("Berlin");
+        l.setImmediate(true);
+        l.addListener(this);
+
+        addComponent(l);
+    }
+
+    /*
+     * Shows a notification when a selection is made.
+     */
+    @Override
+    public void valueChange(ValueChangeEvent event) {
+        getWindow().showNotification("Selected city: " + event.getProperty());
+
+    }
+}
diff --git a/src/com/itmill/toolkit/demo/sampler/features/selects/NativeSelection.java b/src/com/itmill/toolkit/demo/sampler/features/selects/NativeSelection.java
new file mode 100644
index 0000000000..3bcf5253a1
--- /dev/null
+++ b/src/com/itmill/toolkit/demo/sampler/features/selects/NativeSelection.java
@@ -0,0 +1,32 @@
+package com.itmill.toolkit.demo.sampler.features.selects;
+
+import com.itmill.toolkit.demo.sampler.APIResource;
+import com.itmill.toolkit.demo.sampler.Feature;
+import com.itmill.toolkit.demo.sampler.NamedExternalResource;
+import com.itmill.toolkit.ui.NativeSelect;
+
+public class NativeSelection extends Feature {
+
+    @Override
+    public String getDescription() {
+        return "A native selection component provides a simple drop-down list for selecting one item.";
+    }
+
+    @Override
+    public APIResource[] getRelatedAPI() {
+        return new APIResource[] { new APIResource(NativeSelect.class) };
+    }
+
+    @Override
+    public Class[] getRelatedFeatures() {
+        return new Class[] { ComboBoxPlain.class, ListSelectSingle.class,
+                ListSelectMultiple.class, TwinColumnSelect.class };
+    }
+
+    @Override
+    public NamedExternalResource[] getRelatedResources() {
+        // TODO Auto-generated method stub
+        return null;
+    }
+
+}
diff --git a/src/com/itmill/toolkit/demo/sampler/features/selects/NativeSelection.png b/src/com/itmill/toolkit/demo/sampler/features/selects/NativeSelection.png
new file mode 100644
index 0000000000000000000000000000000000000000..480cc8035fa8bd9dd1ada7051a6554c7d3105a00
GIT binary patch
literal 1445
zcmds%{XY|U0LQ=6G|!fmNmi>+v2aXYO&-QHVun_kXO`?xM`IRwniyBHikqjHo0NHa
zrIkyfI-Qc(&YI+w^a^9Ku5KLX;oQG*KYTu)*ZcE&eSZBE1^5&7bxd^t0Qx@OgrJRN
z{U<Gr4S%q?E`K8+j3A;1XdN`0*#Kx9o`eVBZi((nwB`n*Y2HC30Mac1$hic-@<x@T
z03g*4fY~SjaOD6Xld3xdj{u;#*N1?oup;Iv$Ndrbt-q-!yBsXLbIBjeN+u8{Uha3E
zXG2<yk68yN2=7R^NfY@+I$m#E)EEROHjcT5QIExUPlbtwN58#ZTd2C{FcwkmXNmk<
z0}dBoglL5UdcYp*9rZc8Kfp3)`cDi5cu?YZ`AtHqAqS}`is9C395gJkRwu79sgOol
zN(`*H%qMjR&cr-@zR+e@uET*ATUjy8=))@eh9^f8I#v!)_uYsW`M1Htm1eKwtUuYJ
zZM;7@PdgwBLv7umbXBti<#+1~?Nzyu*+gK`Do(V}n`sM&reGDke}2Fd<+LuooYyk|
zu@TFbn&hW%78M_5T*oyCsTKnR7rx=T4^qrI*HD_TecgKHA)Qi5ZkksbDQPQ0g<;m-
z=CMa4+l16Q4BEX4+Hx}W6xmw&gspV(Q90W988GZ7jFz@Xo<a8rbTwZ<g`oo%<{~Jp
zp8JDJ9jjP%zuCi#H_`7E1Lu*@&Su2eChcI|N}Q}m(@+}a1dC<YRJ#08s+}Ise_Z76
z+o!G~9j(dXg;O{Vd_nO_kF)NdGc{=Z*af4%QZi3gUgZn$s!URc+f}Cm;?OdO{2=St
zky%u0;{3Skis=rRk?-8E&yg@j%j#kV5$B92<{9_b_N=6LEGpI0SAOZ0aYP*s?^(|0
z3=u`Ls+5*m*Uu=Yk!*MhHZn7ZMcr?hHau5Cn`nZ!84k<PXVv%M{Usgt;ur?I)gZ*G
z;OqIcecQUN-sKTKxGJuuYAHBX>+J$mXu}uc%{SkXE!U0cHwx4G8YNPLkohcX;962p
z>9{$r_m#Dr^7AN3TD6Q?<++Dunr3NlI%|`lcfeG5F07mBS!Pg&xoA;;EBRSSj113n
zakLRxvzLfZ^7koaM{=<!IhGzR^vIJPbb!9Q6jM{R*msQ`DqkHc36ABe+qrU+{-E^c
zm#qs9woSqF7X4DkHk=5d8#@w6?sC&;q?m}?EhMRjhfW<g7E`^|3Tfx;{ttFDiUX?D
zl&AG3;>CA@#Fy2&bCbkXf=6z|>`vP^kD`<F7Ai-MA!g_ZkvmfM<5vuOkjz|l9ZEig
za#@ct&u|-!Q?hU-ZTi2Ljm$iIMd-UY&AOWzFg+-q9reh+FH2Sm_eQ$dH5HGMiS623
zWmG+XPj{zfD(2j6hWvCZqf0zxykh1HXS>3>$~`qjpO<^3O>OPdJFM!lmwCJngm&Z3
zkBTuR@!L>BcxrF86tnR7e&@Kt%rV1f;jMy<jXa}#n16#iiz!u!3{?-hN2r3hEfE9d
zOlJ0>n(RkCYvDVcl-!c@%Hz9lQM)ju<MYK@xXp9e<*&$}z7NoQffqx#4U$O}dukUQ
zp3Sc)Ff138f_0LPJq(Y)76R{rVoN$4!qr2O#Aprlc3dSN4|TUs!Q%6@a!xDg?9E%i
sOR)s1zXx2e6KI<ffVn5}e>Ke76j*lHbw4D^VB<%DkC#88)gy}iFVS>+2><{9

literal 0
HcmV?d00001

diff --git a/src/com/itmill/toolkit/demo/sampler/features/selects/NativeSelectionExample.java b/src/com/itmill/toolkit/demo/sampler/features/selects/NativeSelectionExample.java
new file mode 100644
index 0000000000..e8af151ef3
--- /dev/null
+++ b/src/com/itmill/toolkit/demo/sampler/features/selects/NativeSelectionExample.java
@@ -0,0 +1,38 @@
+package com.itmill.toolkit.demo.sampler.features.selects;
+
+import com.itmill.toolkit.data.Property;
+import com.itmill.toolkit.data.Property.ValueChangeEvent;
+import com.itmill.toolkit.ui.NativeSelect;
+import com.itmill.toolkit.ui.VerticalLayout;
+
+public class NativeSelectionExample extends VerticalLayout implements
+        Property.ValueChangeListener {
+
+    private static final String[] cities = new String[] { "Berlin", "Brussels",
+            "Helsinki", "Madrid", "Oslo", "Paris", "Stockholm" };
+
+    public NativeSelectionExample() {
+        setSpacing(true);
+
+        NativeSelect l = new NativeSelect("Please select a city");
+        for (int i = 0; i < cities.length; i++) {
+            l.addItem(cities[i]);
+        }
+
+        l.setNullSelectionAllowed(false);
+        l.setValue("Berlin");
+        l.setImmediate(true);
+        l.addListener(this);
+
+        addComponent(l);
+    }
+
+    /*
+     * Shows a notification when a selection is made.
+     */
+    @Override
+    public void valueChange(ValueChangeEvent event) {
+        getWindow().showNotification("Selected city: " + event.getProperty());
+
+    }
+}
diff --git a/src/com/itmill/toolkit/demo/sampler/features/selects/TwinColumnSelect.java b/src/com/itmill/toolkit/demo/sampler/features/selects/TwinColumnSelect.java
new file mode 100644
index 0000000000..3410ac64c6
--- /dev/null
+++ b/src/com/itmill/toolkit/demo/sampler/features/selects/TwinColumnSelect.java
@@ -0,0 +1,38 @@
+package com.itmill.toolkit.demo.sampler.features.selects;
+
+import com.itmill.toolkit.demo.sampler.APIResource;
+import com.itmill.toolkit.demo.sampler.Feature;
+import com.itmill.toolkit.demo.sampler.NamedExternalResource;
+import com.itmill.toolkit.ui.TwinColSelect;
+
+public class TwinColumnSelect extends Feature {
+
+    @Override
+    public String getDescription() {
+        return "The TwinColumnSelect is a multiple selection component"
+                + " that shows two lists side by side. The list on the left"
+                + " shows the available items and the list on the right shows"
+                + " the selected items. <br>You can select items"
+                + " from the list on the left and click on the >> button to move"
+                + " them to the list on the right. Items can be moved back by"
+                + " selecting them and clicking on the << button.";
+    }
+
+    @Override
+    public APIResource[] getRelatedAPI() {
+        return new APIResource[] { new APIResource(TwinColSelect.class) };
+    }
+
+    @Override
+    public Class[] getRelatedFeatures() {
+        return new Class[] { ComboBoxPlain.class, NativeSelection.class,
+                ListSelectMultiple.class, ListSelectSingle.class };
+    }
+
+    @Override
+    public NamedExternalResource[] getRelatedResources() {
+        // TODO Auto-generated method stub
+        return null;
+    }
+
+}
diff --git a/src/com/itmill/toolkit/demo/sampler/features/selects/TwinColumnSelect.png b/src/com/itmill/toolkit/demo/sampler/features/selects/TwinColumnSelect.png
new file mode 100644
index 0000000000000000000000000000000000000000..b799a9e9c228828a878dc1a636670adba873935b
GIT binary patch
literal 2431
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

literal 0
HcmV?d00001

diff --git a/src/com/itmill/toolkit/demo/sampler/features/selects/TwinColumnSelectExample.java b/src/com/itmill/toolkit/demo/sampler/features/selects/TwinColumnSelectExample.java
new file mode 100644
index 0000000000..06044a32be
--- /dev/null
+++ b/src/com/itmill/toolkit/demo/sampler/features/selects/TwinColumnSelectExample.java
@@ -0,0 +1,40 @@
+package com.itmill.toolkit.demo.sampler.features.selects;
+
+import com.itmill.toolkit.data.Property;
+import com.itmill.toolkit.data.Property.ValueChangeEvent;
+import com.itmill.toolkit.ui.TwinColSelect;
+import com.itmill.toolkit.ui.VerticalLayout;
+
+public class TwinColumnSelectExample extends VerticalLayout implements
+        Property.ValueChangeListener {
+
+    private static final String[] cities = new String[] { "Berlin", "Brussels",
+            "Helsinki", "Madrid", "Oslo", "Paris", "Stockholm" };
+
+    public TwinColumnSelectExample() {
+        setSpacing(true);
+
+        TwinColSelect l = new TwinColSelect("Please select some cities");
+        for (int i = 0; i < cities.length; i++) {
+            l.addItem(cities[i]);
+        }
+        l.setRows(7);
+        l.setNullSelectionAllowed(true);
+        l.setMultiSelect(true);
+        l.setImmediate(true);
+        l.addListener(this);
+
+        addComponent(l);
+    }
+
+    /*
+     * Shows a notification when a selection is made.
+     */
+    @Override
+    public void valueChange(ValueChangeEvent event) {
+        if (!event.getProperty().toString().equals("[]")) {
+            getWindow().showNotification(
+                    "Selected cities: " + event.getProperty());
+        }
+    }
+}
-- 
2.39.5