jcdcdev.Umbraco.ExtendedDropdownEditor

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

Data Sources

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/v14/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 🤓

Quick Start

Install Package

dotnet add package jcdcdev.Umbraco.ExtendedDropdownEditor 

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!

Contributing

Contributions to this package are most welcome! Please read the Contributing Guidelines.

Acknowledgments (thanks!)

• LottePitcher - opinionated-package-starter