What is a Picker Data Source in Umbraco?

A Picker Data Source is an extension that provides the underlying data to picker-based property editors, defining how items are fetched, searched, and displayed in the UI.

What is the difference between Tree and Collection pickers?

Tree pickers are used for hierarchical data with parent-child relationships, while Collection pickers are designed for flat lists of items.

Does this skill support external APIs?

Yes, you can implement the data source interfaces to fetch data from any external REST or GraphQL API and map it to Umbraco's picker format.

How do I filter which items can be picked?

You can use the treePickableFilter and searchPickableFilter functions within the data source class to define logic that enables or disables selection for specific items.

Umbraco Picker Data Source

Name: Umbraco Picker Data Source
Author: umbraco

byumbraco

•

Gestión de Contenido

Builds custom data sources for property editor pickers within the Umbraco Backoffice.

The Umbraco Picker Data Source skill empowers developers to extend the Umbraco CMS Backoffice by creating tailored data providers for picker-based property editors. It simplifies the implementation of hierarchical tree pickers and flat collection pickers, enabling seamless integration with custom entities, external APIs, or filtered content subsets. By providing standardized patterns for searching, filtering, and item retrieval, this skill ensures that backoffice users have intuitive interfaces for selecting specific data points within their content management workflow, fully compatible with the modern Umbraco extension registry.

Características Principales

01Custom Search & Filter Logic

02Hierarchical Tree Picker Implementation

03External API & Entity Integration

04Flat Collection Picker Support

051 GitHub stars

06Extension Manifest Generation

Casos de Uso

01Implementing a custom tree picker for a complex organizational hierarchy

02Building a filtered content picker that only displays specific document types

03Creating a picker for products stored in an external e-commerce database

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add umbraco/umbraco-cms-backoffice-skills umbraco-picker-data-source

For use in Claude.ai and ChatGPT

Download Skill