Controls

Picker

A Picker is a control for selecting from a set of mutually exclusive values.

Overview

A Picker consists of a Label, a Text or Number Selection value, and Options for the Picker to display.

  • Label - Set the Label to visually describe the purpose of selecting an Option in the Picker.
  • Type - The type of content for the Picker to display: Text or Numbers.
  • Selection - The Selection parameter displays the default selected Option, but doesn’t function unless it’s bound to a component property.

To ensure that the Picker control works when a user interacts with it, place the Picker in a component and bind the Selection parameter to a Text or Number component property. You can either create the property before you bind it or create the property directly in the control parameters in the Inspector panel.

To add an Option, click on the plus (+) icon in the top-right corner of the Options section. For each Option, you can customize the Title, Icon, and Value.

Note that if a Selection value does not correspond to any of the Option values, it will default to the first option in the list.

<div class="callout note">Note
To reorder your options, you can hold and drag them around in the Inspector panel.</div>

Resources

Videos

No items found.

Ask Our Community

If you have questions about the Judo editor, or developer questions about SDK integration, join the community and start a conversation!