Skip to content

ArnoldV/Umbraco.SvgIconPicker

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

SVG Icon Picker for Umbraco

A picker, for picking icons from an SVG spritesheet.

Setup

Install Dependencies

npm install -g grunt-cli
npm install

Build

grunt

Watch

grunt watch

Install in Umbraco

Build the package through Grunt.

grunt package

Then upload the created zip file in /pkg/umbraco in the local package installer in Umbraco. Or install it through the package repository.

How to use

Pick SvgIconPicker as the editor for your desired icon property.

Type the path to your SVG spritesheet in the configuration.

On the document where you put the editor, it works just like the built in media picker mixed with the icon picker. You can filter icons, by searching the icons id. Select an icon by clicking it.

The selected icons id is saved as a string in the property value.

#h5yr

@warrenbuckley for his Yeoman Umbraco generator https://github.com/warrenbuckley/generator-umbraco

About

A property editor for picking a symbol in an SVG sprite.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 76.6%
  • HTML 21.5%
  • CSS 1.9%