17 votes

Spectrum Colour Picker

Works on both Umbraco 7 and 8

Creates an "unbound" colour picker based on the Spectrum jquery plugin. By unbound, we mean that colours aren't pre-defined, allowing the user to choose a color of their own.

For more information about Spectrum, go here: http://bgrins.github.io/spectrum/

If you want to customise the settings for Spectrum, see the file in

  /App_Plugins/SpectrumColorPicker/SpectrumColorPicker.controller.js

and set the Spectrum options in the directive.

Note: Currently you may need to force the website to restart by touching the web.config in order to see the new Property Editor.  When upgrading any package, it's also advisable to flush your browser cache otherwise you may not immediately see any difference in functionality due to javascript file caching.

Updates:

Version 1.0.0:

  • Stable Release!  Fixes typo with preferredFormat prevalue option which *may break previous version*

Version 0.0.7:

  • Added language support, based on umbracos langs and upgraded spectrum from version 1.2.0 to 1.8.0.
  • Also added format config option, so rgba can be used.

Version 0.0.6:

  • Finally added support for Umbraco installed in virtual directories.

Version 0.0.5:

  • Added the option to specify a transparency when choosing the color.

Version 0.0.4a:

  • Fixed manifest file so that the plugin would work with the recent change to ClientDependency.

Version 0.0.4:

  • Color should now be properly initialising again.

Version 0.0.3:

  • Fixed problem where the color picker wouldn't be initiated correctly unless the site was refreshed

Version 0.0.2:

  • Cleaned and simplified up Controller and removed Directive to make it more reliable.

Screenshots

Archived files

Source code

 Download package
version 1.0.0

NuGet install instructions for Umbraco 7.0.0-8.18.15

Install-Package SpectrumColourPicker

Package owner

Robert Foster

Robert Foster

Robert has 1820 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: 8.7.x, 7.10.x, 7.7.x, 7.6.x, 7.5.x, 7.2.x, 7.1.x, 7.0.x

Package Information

  • Package owner: Robert Foster
  • Created: 07/01/2014
  • Current version 1.0.0
  • .NET version 4.5.1
  • License MIT
  • Downloads on Our: 8.4K
  • Downloads on NuGet: 139.6K
  • Total downloads : 148K

External resources