#Blank iconator how to

If you have any suggestions on how to make this package better, please use the issue tracker or make amendments to the code. Add this new data type to a document type in the settings section.Set the name of this data type, 'Icon Picker' should do.Start creating a new Data Type the the 'Property editor' set to 'Iconator'.In the Umbraco backoffice, navigate to the Developer section.You have to manually create the data type in Umbraco yourself. Copy the Iconator folder to the /App_Plugins/ folder of your Umbraco website.Navigation to the Developer section of Umbraco.If you prefer, you can upload a ZIP into Umbraco and it will install the package for you. Search for Iconator, click on the relevent result.Navigate to the Developer section of Umbraco.Umbraco has a package manager built into it. Install-package Umbraco.Iconator Using the Umbraco package manager In Visual Studio, open up the Package Manager Console and type the following: You can watch a video which shows installation and setup: Using NuGet (recommended)

If you name one of your icon classes the same as any of the icons in Umbraco, your icon will replace them. Umbraco uses icon classes of style 'icon-'.

Umbraco 7.4 or later (or use the umbraco7.0 branch).

This is a fork of, partially redesigned to work seamlessly in Umbraco 7. This is useful because font files can be used for icons rather than selecting an image. The class name is saved into the property value which can then be used in your view. Iconator is a custom data type that allows an editor to select a class for a custom icon from a CSS file, but in a visual way.