
Dropdown places are only available in envelopes with sequential signing.
Options
Theoptions property defines the choices available in the dropdown. You can specify options in two ways:
Custom Options
Provide an array of objects, each containing alabel and an optional value. The label is displayed to the user, while the value is captured when the option is selected. If value is omitted, the label is used as the captured value.
Predefined Options
For common use cases like country or state selection, you can use a predefined option set by specifying a string value:| Option Set | Description | Example Values |
|---|---|---|
world_countries_names | Full country names | ”United States”, “Canada”, “Germany” |
world_countries_2_letter_codes | ISO 3166-1 alpha-2 codes | ”US”, “CA”, “DE” |
world_countries_3_letter_codes | ISO 3166-1 alpha-3 codes | ”USA”, “CAN”, “DEU” |
world_countries_numeric_codes | ISO 3166-1 numeric codes | ”840”, “124”, “276” |
us_states_names | Full US state names | ”California”, “Texas”, “New York” |
us_states_2_letter_codes | US state abbreviations | ”CA”, “TX”, “NY” |
Default Selection
Use thedefault property to pre-select an option when the dropdown is displayed. The value is matched first against the label, then against the value of each option.
Behavior
Thebehavior property controls how the dropdown is rendered during the signing ceremony:
- auto (default): Automatically selects the best behavior based on the number of options.
- Uses
selectfor 10 or fewer options - Uses
comboboxfor more than 10 options
- Uses
- select: Displays a standard dropdown list. Users click to see all options and select one.
- combobox: Displays a searchable dropdown with type-ahead filtering. Users can type to filter the list.
auto behavior will use combobox since there are more than 10 options, making it easier for users to find their selection.
Hints and Prompts
You can usehint and prompt properties to guide recipients while making their selection:
- Hint: A tooltip message displayed when the user hovers over or focuses on the dropdown. Set it using the
hintproperty. - Prompt: A placeholder message shown inside the dropdown before a selection is made. Set it using the
promptproperty.
Size and Appearance
You can customize the size and appearance of dropdown places:Width
Thewidth property sets the width of the dropdown field in points (1/72 of an inch). Must be between 30 and 540. The default is 30.
Font Size
Thefont_size property controls the size of the text displayed within the dropdown, measured in points. Must be between 6 and 12. The default is 12.
Examples
The following examples show different ways to configure dropdown places.Parameters
Specifies the type of place.For a dropdown place, the value must be
dropdown.A user-provided key that identifies a place within a document.It must be up to 32 characters long, using only lowercase letters, numbers, or underscores, and it must begin with a letter.
A user-provided key that identifies a recipient within an envelope.It must match one of the
recipient.key values in the envelope’s recipient list.Specifies the list of options available in the dropdown.You can provide either custom options or a predefined option set.Custom options: An array of objects, each with a Predefined options: A string specifying a built-in option set:
label (displayed to the user) and an optional value (captured when selected). If value is omitted, the label is used as the value.| Value | Description |
|---|---|
world_countries_names | Country names (e.g., “United States”, “Canada”) |
world_countries_2_letter_codes | ISO 3166-1 alpha-2 codes (e.g., “US”, “CA”) |
world_countries_3_letter_codes | ISO 3166-1 alpha-3 codes (e.g., “USA”, “CAN”) |
world_countries_numeric_codes | ISO 3166-1 numeric codes (e.g., “840”, “124”) |
us_states_names | US state names (e.g., “California”, “Texas”) |
us_states_2_letter_codes | US state codes (e.g., “CA”, “TX”) |
Specifies the option that is pre-selected when the dropdown is displayed.The value is first matched against the
label of each option. If no match is found, it is matched against the value of each option. If no match is found, a validation error is returned.Specifies the behavior of the dropdown during the signing ceremony.Possible values:
auto(default): Automatically selects the best behavior based on the number of options. Usesselectfor 10 or fewer options, andcomboboxfor more than 10 options.select: Displays a standard dropdown list. Best for short lists where users can quickly scan all options.combobox: Displays a searchable dropdown with type-ahead filtering. Best for long lists where users need to search for their selection.
Specifies whether the recipient must select an option to complete the signing ceremony.Possible values are
required or optional. The default is required.A placeholder message shown inside the dropdown field during the signing ceremony.Maximum length is 100 characters.Learn more in Hints and Prompts.
A tooltip message displayed when the user hovers over or focuses on the dropdown field during the signing ceremony.Maximum length is 100 characters.Learn more in Hints and Prompts.
A user-defined identifier used to store the value entered by the recipient. This value will be included in the
captures object of the Envelope.Must start with a lowercase letter and contain only lowercase letters, numbers, or underscores. Maximum length is 32.The font size in .Must be between 6 and 12. The default is 12.
The width of the dropdown field in .Must be between 30 and 540. The default is 30.