colorpicker-1.0.4.index.html Maven / Gradle / Ivy
jQuery Colorpicker
jQuery ColorPicker
- Basic <input>
- Basic element
- All features
- Localization
- Websafe colors
- Alternative display field
- Events
- Input formatting
- Output formatting
- Output format list
- In a dialog
- Modal
- Any element to popup
- Custom layout
- Custom swatches
- Hidden input
- Plugins
- buttonImageOnly
- Revert
- Close on enter
Basic <input> example, without any options
Basic element (<span>> example, without any options
Fully-featured example
Localized to Dutch (nl)
Limit to websafe colors
Alternative field class
Background-color on outside, text color here
Events
Output formatting HSLA
Output format list
You can specify a list of output formats, the first perfect match for the color is output.
Dialog with Colorpicker popup (demonstrates z-index)
Basic <input> example, without any options:
Basic element example, without any options:
Modal (and showCancelButton, closeOnEscape, showCloseButton)
Input formatting
Demonstrates the ability to parse common color formats as input.
Popup from any element (<em>)
Just click on this Emphasized word to show the colorpicker.
Custom layout
It's easy to arrange a new layout for the dialog. Especially handy when used in a sidebar.
Custom swatches
Use the Pantone PMS colors as swatches
Plugins
Demonstrates how to extend the set of parts with plugins.
- RGB Slider - Individual RGB sliders
- Memory - store and retrieve colors with cookies
Revert color on non-button exit.
Reverts the color on escape, clickOnOutside or close window
using the [X] button.
Open the Colorpicker, change color and click outside window,
press ESC key or click the [X] button in the header. The dialog
should now close and the previous color restored in the
input.
Close OK on enter
Close the popup by pressing the enter key, keeping the selected color.
A feature-packed colorpicker for jQuery and jQueryUI.
- jQueryUI (themeroller-based) look & feel
- Familiar interface layout
- Highly configurable
- Control parts
- Layout
- Input/output formats
- Swatches
- Many more…
- Accurate color model
- Supports localization
- English
- Dutch
- French
- Brazilian Portuguese
- easily translateable…
- Smart window alignment
- Complete API with events and methods
- Easily extendable with plugins
- RGB-Sliders
- Cookie memory
- Documented
- Now with QUnit tests (click here)