How to show multi select picklist ui in visualforce page?

Question

I have multi-select picklist field in my custom object how to show multi select ui in vf page ?

Answer 1

There isn't an apex:... tag that presents side by side select lists to allow easy mult-select.

So if that is what you want, I suggest you use this Salesforce authored open source Visualforce-Multiselect-Picklist.

(While you could use Caspar's Lightning Component, embedding a component in Visualforce means the component UI won't show up until after both the Lightning framework has first loaded and then the component itself has loaded: this could mean a delay of 5 seconds or more after the page has appeared before that part of the page is filled in. Visualforce components by contrast are merged into the page on the server side and so render at the same time as the rest of the page.)

Answer 2

If you are happy embedding a lightning component in your visualforce page, you can use my super snazzy draggable multicolpicklist. It's here on github

Embed it in your page like this:

<apex:page showHeader="false" sidebar="false" >
  <apex:includeLightning />
    <div id="lightning" />
    <script>
        $Lightning.use("c:MultiSelectPicklistApp", function () {
          $Lightning.createComponent("c:MultiSelectPicklist", {},
             lightning, function (component) {});
        });
    </script>
</apex:page>