12 votes


Add page-state icons to content nodes in the backoffice.

v2.0.1 - Adds appropriate hover styles to sort handle

v2.0 - Adds full support for icon packages (Belle / FontAwesome / Google Material) and improves CSS - icon positioning previously went a bit skewy on nested nodes, should be ok now.

Still seeing an intermittent issue where the show/hide children arrow is not rendered - to replicate, change a property on a node (with children) to trigger a Stately icon change. Refresh the browser. Occasionally the show/hide children arrows are not rendered. Switching to another backoffice section then back to the content pane corrects it.

Looks like the tree-rendering Javascript service is returning false for the hasChildren property on the nodes. Not sure how Stately would be causing that, but will continue to investigate.


Long-time fans of Umbraco will be familiar with the Page State Icons package (bitbucket.org/umbristol/page-state-icons) - Stately is a v7 implementation of the same functionality.

Stately adds a new dashboard to the settings section of your Umbraco installation.

From the dashboard, you can configure rules for displaying page-state icons - set a property alias, true/false and choose an icon. 

The settings are stored in a config file that comes preloaded with best-practice Umbraco properties, being umbracoNaviHide, umbracoRedirect and umbracoUrlAlias.

Stately will match on either the presence of a property value (ie bodyText[true] will add an icon to any node where the bodyText property contains any value) or the presence of a true/false value (ie umbracoNaviHide[false] will add an icon to any node where umbracoNaviHide is set to false).

Stately will only match once per node - it iterates the config values and applies the first match. Given that, the order of the properties in the dashboard can be used to prioritise particular icons.

Umbraco's default page-state indicators take precedence over Stately - the has-unpublished-version class will always be displayed ahead of any Stately defined icons.



Package owner

Nathan Woulfe

Nathan Woulfe

Nathan has 1664 karma points

Package Compatibility

This package is compatible with the following versions as reported by community members who have downloaded this package:
Untested or doesn't work on Umbraco Cloud
Version 8.18.x (untested)

You must login before you can report on package compatibility.

Previously reported to work on versions: 7.13.x, 7.12.x, 7.11.x, 7.10.x, 7.9.x, 7.8.x, 7.7.x, 7.6.x, 7.5.x, 7.4.x, 7.2.x, 7.1.x, 7.0.x

Package Information

  • Package owner: Nathan Woulfe
  • Created: 15/05/2015
  • Current version 2.0.1
  • .NET version 4.0,4.5
  • License MIT
  • Downloads on Our: 1.7K

External resources