What is an Umbraco Search Result Item?

It is a specialized UI component that defines how individual entities are displayed within the Umbraco backoffice search interface and pickers.

Does it support the Umbraco UI Library (UUI)?

Absolutely. The generated code follows Umbraco's foundation patterns and utilizes UUI components for a native look and feel.

Can I use this for custom entity types?

Yes, the skill allows you to specify target entity types in the manifest, ensuring your custom components only appear for the relevant data.

How do I customize the data shown in the search result?

The skill generates element classes that extend UmbLitElement and receive an item model, which you can map to custom properties like descriptions or dates.

Umbraco Search Result Customizer

Name: Umbraco Search Result Customizer
Author: umbraco

byumbraco

•

Content Management

Customizes the visual presentation of Umbraco backoffice search results by implementing domain-specific components and manifests.

About

The Umbraco Search Result Item skill enables developers to override and enhance the default search experience within the Umbraco backoffice. It automates the creation of search result components using Lit and the Umbraco extension registry, allowing for the inclusion of custom icons, status badges, and extended entity data. This skill is particularly useful for projects requiring specialized visual feedback in global search or item pickers, ensuring that users can quickly identify and differentiate between various content types and custom entities.

Key Features

Generates extension manifests for searchResultItem and pickerSearchResultItem
Creates Lit-based UI components utilizing UmbLitElement
Supports custom entity data rendering including badges and metadata
Implements responsive search result layouts with UUI components
Automates integration with the Umbraco Backoffice extension registry
1 GitHub stars

Use Cases

Adding status indicators like 'Draft' or 'Archived' to backoffice search results
Displaying custom icons or thumbnails for specialized media and data entities
Enhancing content pickers with additional contextual information for editors

About

Key Features

Generates extension manifests for searchResultItem and pickerSearchResultItem
Creates Lit-based UI components utilizing UmbLitElement
Supports custom entity data rendering including badges and metadata
Implements responsive search result layouts with UUI components
Automates integration with the Umbraco Backoffice extension registry
1 GitHub stars

Use Cases

Adding status indicators like 'Draft' or 'Archived' to backoffice search results
Displaying custom icons or thumbnails for specialized media and data entities
Enhancing content pickers with additional contextual information for editors