skills.rest
albanist
albanistCOMMUNITY
Explore all skills by this author →
GitHub

umbraco-search-result-item

Create custom search result item components for the Umbraco backoffice.

4|Updated Mar 6, 2026
Search Tags:#ui#search#customization#extension#umbraco#backoffice
One-click install
npx skills add https://github.com/albanist/umbraco_CLI --skill umbraco-search-result-item-albanist
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: umbraco-search-result-item
Source: https://github.com/albanist/umbraco_CLI/tree/main/skills/extensions/umbraco-search-result-item
Command: npx skills add https://github.com/albanist/umbraco_CLI --skill umbraco-search-result-item-albanist

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill allows for the customization of how individual search results are displayed within the Umbraco backoffice, enabling richer and more informative search result presentations.

Core Features & Use Cases

  • Customizable Display: Tailor the appearance of search results for specific entity types.
  • Enhanced Information: Display additional data points, icons, or badges directly within search results.
  • Use Case: Improve the usability of the Umbraco backoffice search by showing a custom icon and a brief description alongside the name of each content item found.

Quick Start

Use the umbraco-search-result-item skill to create a custom search result item for 'media' entity types that displays the file size.

Frequently Asked Questions about umbraco-search-result-item

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I customize Umbraco backoffice search results for specific entity types?▼

You can customize Umbraco backoffice search results by creating custom search result item components using TypeScript. This approach integrates custom elements and logic to enhance the display of specific entity types.

Can I display additional data like file size in Umbraco backoffice search results?▼

Yes, you can display additional data like file size by creating a custom search result item component for media entity types. This enhances search result presentations by integrating custom elements directly into the Umbraco backoffice display.

What is required to extend Umbraco search result displays with custom logic?▼

Extending Umbraco search result displays requires TypeScript development and adherence to Umbraco extension patterns. You must create custom components that integrate with the backoffice search to apply specific entity display logic.

Does customizing Umbraco search results require specific backoffice extension patterns?▼

Yes, customizing Umbraco search results requires strict adherence to Umbraco extension patterns and TypeScript development. This ensures your custom search result item components integrate correctly with the backoffice architecture.

Related Skills

Explore More Software Engineering Skills→
kraftvaerkkraftvaerk

umbraco-add-extension-reference

Add Umbraco extension project references to .csproj and .sln files.

Official
Intermediate
kraftvaerkkraftvaerk

umbraco-search-result-item

Generate custom search result item components for the Umbraco backoffice.

Official
Intermediate
umbracoumbraco
26

umbraco-picker-data-source

Implement custom picker data sources for Umbraco backoffice property editors.

Official
Intermediate
umbracoumbraco
26

umbraco-search-result-item

Customize Umbraco backoffice search result displays with custom web components.

Official
Intermediate