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

•

콘텐츠 관리

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

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.

주요 기능

01Generates extension manifests for searchResultItem and pickerSearchResultItem

02Creates Lit-based UI components utilizing UmbLitElement

03Supports custom entity data rendering including badges and metadata

04Implements responsive search result layouts with UUI components

05Automates integration with the Umbraco Backoffice extension registry

061 GitHub stars

사용 사례

01Adding status indicators like 'Draft' or 'Archived' to backoffice search results

02Displaying custom icons or thumbnails for specialized media and data entities

03Enhancing content pickers with additional contextual information for editors

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add umbraco/umbraco-cms-backoffice-skills umbraco-search-result-item

For use in Claude.ai and ChatGPT

Download Skill