Backoffice: Add Entity Signs (overlay icons) to tree items. by engijlr · Pull Request #20328 · umbraco/Umbraco-CMS

engijlr · 2025-10-01T09:49:14Z

Summary

Adds Entity Signs to the Backoffice: small overlay icons (with labels) shown on tree/collection items. Signs can be activated by Flags returned from the Management API. Weights decide which sign is the primary one; hover always reveals the rest.

What changed

-New Sign kind (icon): renders an icon (and accepts optional meta.iconColor).
-Flag binding: Sign manifests can declare forEntityFlags so flags from the API auto-activate the sign.
-Initial signs for documents:

IsProtected (lock icon), weight: 1000, supports meta.iconColor.
HasPendingChanges (edit icon), bound to Umb.PendingChanges.
HasScheduledPublish (time icon), bound to Umb.ScheduledForPublish; can overwrite the pending-changes sign and has weight: 500.

How to test

-Create documents that trigger flags: IsProtected, PendingChanges, ScheduledForPublish.
-Open the content tree:

Primary sign shows on the item; others appear on hover.
When scheduled + pending, schedule can overwrite pending (see manifest).

…/Umbraco-CMS into v16/feature/entity-signs

src/Umbraco.Web.UI.Client/src/packages/core/entity-sign/kinds/icon/entity-sign-icon.api.ts

src/Umbraco.Web.UI.Client/src/packages/core/entity/types.ts

...Umbraco.Web.UI.Client/src/packages/documents/documents/entity-sign/has-schedule/manifests.ts

src/Umbraco.Web.UI.Client/src/packages/documents/documents/entity-sign/is-protected/manifest.ts

src/Umbraco.Web.UI.Client/src/packages/documents/documents/item/document-item-data-resolver.ts

src/Umbraco.Web.UI.Client/src/packages/documents/documents/item/repository/types.ts

src/Umbraco.Web.UI.Client/src/packages/core/tree/types.ts

src/Umbraco.Web.UI.Client/src/packages/documents/documents/tree/types.ts

src/Umbraco.Web.UI.Client/src/packages/media/media/collection/types.ts

…l colors

nielslyngsoe and others added 30 commits September 8, 2025 13:17

entity signs folder

d33f66e

update package.json

c9154d6

entity sign extension type

88e6d1c

implement entity sign extension

00325ac

POC document has collection sign

6987bdd

implement icon kind

5e73e9b

rename file

7d1e51d

note about this being wrong

468d860

move type

32958b5

change import

57a3167

entity sign bundle element

a9c6bd5

implement icon kind label

ce99b4a

Display icon and show popover on hover

2f72e10

Fix the popover logic

3fe266a

Moving the sign icon to the iconContainer to handle position

e4c20f8

fix missing document tree icon

ebe344a

revert removal of icon slot render

33172ac

remove unused styles

e1204ac

document tree item - inherit styles from the base element

5f34441

Merge branch 'main' into v16/feature/entity-signs

4b8ff14

correctly extend styles

9a2afaf

revert document tree item icon change

172f042

move icon container html

a7d81bb

add method to get an icon name

6edcfbb

Adding delay to the popover when opens

9683f5a

Merge branch 'v16/feature/entity-signs' of https://github.com/umbraco…

8ec2d75

…/Umbraco-CMS into v16/feature/entity-signs

Add animation to popover when it opens

de253f6

Making the parent of the entity bundle trigger popover on hover

a47dd8a

Display 2 icons over the main icon

4bd6009

Updating some styles

88da429

leekelleher added the area/frontend label Oct 7, 2025

madsrasmussen reviewed Oct 7, 2025

View reviewed changes

src/Umbraco.Web.UI.Client/src/packages/core/entity-sign/kinds/icon/entity-sign-icon.api.ts Outdated Show resolved Hide resolved

madsrasmussen reviewed Oct 7, 2025

View reviewed changes

src/Umbraco.Web.UI.Client/src/packages/core/entity/types.ts Outdated Show resolved Hide resolved

madsrasmussen reviewed Oct 7, 2025

View reviewed changes

src/Umbraco.Web.UI.Client/src/packages/core/entity/types.ts Outdated Show resolved Hide resolved