Extended Dropdown Editor

A custom dropdown property editor for Umbraco that supports dynamic data sources.

Documentation Umbraco Marketplace GitHub NuGet Downloads

Features

Data Sources

You can choose from various sources for your dropdown, including local files and HTTP.

Screenshots

Configure a data source by file or URL.
An example of three dropdown editors in the backoffice.

Versions

Umbraco icon
Umbraco CMS
GitHub NuGet

16.1.5

Version Support Policy

Feature updates until 12/03/2026
Security updates until 12/06/2026
Umbraco icon
Umbraco CMS
GitHub NuGet

17.0.2

Version Support Policy

Feature updates until 27/11/2027
Security updates until 27/11/2028
This is a Long Term Support (LTS) version

Readme

Installation

Install Package

Terminal window
dotnet add package jcdcdev.Umbraco.ExtendedDropdownEditor

Quick Start

Create Data Type

  • Go to the Settings section in the Umbraco backoffice
  • Create a new Data Type using the Extended Dropdown editor.
  • Select your data source (File Picker, File Path Override, or URL).
  • Save the data type.

Now you are ready to use the data type in your content types!

Extending

File Picker

Select any file in the wwwroot or App_Plugins directory

Examples

  • wwwroot/data.json
  • App_Plugins/data.json

[!WARNING] Please note that any files in these directories are publicly accessible via URL!

File Path Override

Specify a custom path to a file (relative to the root of the web project)

Examples

  • /umbraco/Data/MyDataSource.json
  • /usync/v15/DataSources/countries.json

[!NOTE] This allows you to configure a path that is not publicly accessible via URL

URL

Specify a URL that returns a JSON response

  • Supports GET requests with optional query string parameters
  • Supports local and external URLs
  • Does not support authentication (yet 👀)
Examples
  • /myapi/mydata?format=json
  • https://array-3yn8gu6xn98t.runkit.sh/

Data Format

Currently, the data source must return an array of strings.

[
  "Item 1",
  "Item 2",
  "Item 3"
]

[!NOTE] In the future I plan to add JSONPath support to allow for more complex data structures 🤓

Contributing

Contributions to this package are most welcome! Please visit the Contributing page.

Acknowledgements

Thank you to the following projects and individuals for their contributions. High five, you rock! 🤘🦄