Skip to content

jQuery tiny colour picker plugin with features geared for use in R shiny applications

Notifications You must be signed in to change notification settings

jromero98/jquery-colourpicker

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

jQuery Colour Picker: A tiny colour picker with useful extra features

Copyright 2017 Dean Attali, David Griswold and Cory LaViska. Licensed under the MIT license.

v1.5

This is a jQuery plugin that creates a colour picker from an input field. It is a fork of another plugin with many modifications made to make it more suited to integrate with Shiny and to add some useful features.

Modifications by Dean Attali:

  • Added "limited" palette that allows the user to specify their only a set of allowed colour rather than any colour
  • Added "allowTransparent" setting which allows users to check a checkbox to select the colour "transparent"
  • Added "showColour" setting which determines if to show the selected colour as the text, as the background colour of the input field, or both
  • Added "returnName" setting which makes the widget return a name instead of HEX value when possible
  • Added "closeOnClick" settings which closes the selection panel after a colour has been selected
  • Removed many unnecessary features
  • Removed dependency on images and made the colour picker completely CSS

Additional modifications by David Griswold:

  • Added "allowAlpha" option that allows the user to select colours with an alpha transparency channel
  • Made inputs more flexible by allowing colours to be entered as names or as hex, rgb, rgba, hsl, or hsla strings

This plugin works for IE8+, Chrome, Firefox, mobile, and should work for all other major browsers.

Modified plugin is being used in colourpicker - an R package providing colour pickers for Shiny apps.

The index.html page contains very basic examples of how to use this plugin.

Live demo

Colour input being used in a shiny application, with the "showColour" and "allowTransparency" features: here

About

jQuery tiny colour picker plugin with features geared for use in R shiny applications

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 87.0%
  • CSS 8.1%
  • HTML 4.9%