Creating reusable composite form element


I wanted to create a custom form element compose of multiple element, eg, I wanted to create a form item using two List components with ‘<<’ and ‘>>’ arrows to move items from one List to another , How can I create a custom element like this and invoke existing “List” component function internally for each of these List component.

I also have a requirement to create a composite component with a textinput and a button next to it, eg, a userid textinput with an “Check Availability” button next to it. how can create these two components ?


Couuld you provide us an approximate picture with look of it?

Please check the attached image

Here is your approach, in attachment
sample.rar (1.27 KB)
It will be an online sample in the future updates.