Nibble

UMBRACO V7/ BELLE Custom Tree Icons

Another small tips for package devs moving to V7

In Belle http://hlvticons.ch/ is used for the icons in the tree (and in other places of course), you can also take advantage of this in your custom trees

All you need to do is set the Icon of the tree node to icon-nameoftheicon (you can see the names when you preview the Hlvticons)

So making use of the compatibility helper in the previous post you can check if it’s version 7 and depending on the version have a different icon

if (CompatibilityHelper.IsVersion7OrNewer)
     xNode.Icon = "icon-3d";
else
     xNode.Icon = “icon_datasource.gif”;

So for Contour this gives

ContourTree

4 Comments so far

  1. Anders Burla on October 20th, 2013

    What icon package of Hlvticons is included in Umbraco? Complete or?

  2. Tim Geyssens on October 28th, 2013

    @Anders yup think so :)

  3. Greg Fyans on November 28th, 2013

    hey, the icon font in Umbraco 7 is custom made, they don’t use hlvticons.ch - https://twitter.com/pploug/status/406018857967419393

  4. Tim Geyssens on November 28th, 2013

    Yeah custom version of hlvticons.ch done by the guy of hlvticons.ch :) but yeah use the icon picker to see what is available

Leave a Reply