Concept
This module creates a new Form API element type: colorpicker, which relies on the 3rd party integration of the jquery colorpicker. After enabling this module and downloading the relevant files from the site linked above, a new form element can be created.
This will automatically place the colorpicker into the form, allowing users of the form to choose a color from the jquery colorpicker.
Drupal 6
Drupal 6 version includes the form item and the CCK integration via the JQuery Colorpicker CCK submodule. It provides libraries integration to place the jquery colorpicker library folder.
Drupal 7
Version 7.x includes integration with the Field API. At the moment there is no upgrade path from jquery_colorpicker_cck to the field API, so if you upgrade from version 6.2 to 7.1, you will lose this information.
Installation Instructions
Given that there are some minor differences between the Drupal 6 and the Drupal 7 version, you should read the documentation page for each one:
Javascript Degradation
This module is set to gracefully degrade to an input type text if the user has javascript turned off. The field will require a 6 digit hexadecimal color code to be inputted.
IE6 Support
The jquery colorpicker relies on .png files with transparency. As IE6 does not natively support transparency in .png files, I have put together some IE6 support for this module. However, I do not have a natural copy of IE6 with which to do testing, and have only tested using an IE6 emulator. In the Drupal 7 version, I have included IE6 support, however I will probably drop this in a future release, unless someone explicitly mentions that they are using it.
To enable IE6 support, do the following:
- Inside the jquery colorpicker module folder (generally located at sites/all/modules), create a new folder named "twin_helix". If the jquery colorpicker module is in the standard location, this means you will have the folder sites/all/modules/twin_helix
- Download iepngfix.zip from Twin Helix
- Unpack the zip file, and place the following three files into the twin_helix folder you created in step 1:
- iepngfix.htc
- blank.gif
- iepngfix_tilebg.js
- Navigate to admin/settings/jquery_colorpicker, check the box at the bottom, and save the page
Alternatives
You may also want to check out the Colorpicker module which does essentially the same thing using the Farbtastic javascript library.
Project Information
- Maintenance status: Actively maintained
- Development status: Under active development
- Module categories: Content Construction Kit (CCK)
- Reported installs: 1243 sites currently report using this module. View usage statistics.
- Last modified: November 4, 2011
