1. Take a Dropdown Select visual element, drop it to the editor canvas, and you are ready to go with the default view of the Dropdown Select. Customize it, if needed, with the help of provided parameters. We are constantly working to enrich the customizations. The examples above give the idea on what to expect in current implementation.
2. The select options set can display static and dynamic contents. Both value and label can be configured.

For the static options, please use the following JSON structure: [ { "id": "1", "text": "Option 1"}, {"id": "2", "text": "Option 2"}, ... ]

For the dynamic options, please specify the field to be used as a value (id). It is independent from option label (text). If you do not know the correct field name, leave this field empty or fill it randomly - we will help you to reveal the one you need.

So, if you need help:
a. Leave the field empty and go to the page preview.
b. Right-click on the page and click inspect element code (can differ in different browsers, the example is for Google Chrome).

Please, visit the demo page for more details.

c. Find all available options in the console message.
3. Dropdown select exposes "change" event for your Workflow.
4. Dropdown select exposes "value" and "text" states for the client access.
5. Dropdown select exposes "open" state for the client access (yes/no).