fng-colour-picker

0.12.0-beta.271 • Public • Published

fng-colour-picker

Plugin for forms-angular that adds a colour picker (https://github.com/ruhley/angular-color-picker).

Usage

npm install fng-colour-picker

Add the following lines to your index.html (or equivalent) file.

<link rel="stylesheet" href="angularjs-color-picker/dist/angularjs-color-picker.min.css" />
<link rel="stylesheet" href="angularjs-color-picker/dist/themes/angularjs-color-picker-bootstrap.min.css" />
<script src="fng-colour-picker/fng-colour-picker.js"></script>
<script src="tinycolor2/dist/tinycolor-min.js"></script>
<script src="angularjs-color-picker/dist/angularjs-color-picker.min.js"></script>

Add fng.colourPicker to the list of servies your Angular module depends on.

In your Mongoose schemas you can set up fields like this:

colour: {type: String, form:{directive: 'fng-colour-picker'}}, 

Options can be added to a fngColourPicker object within the form object. A complete list of setting options can be found in the Settings section of this page.

For (my) convenience, the following defaults have been changed from https://github.com/zhaber/angular-js-bootstrap-datetimepicker:

alpha: false,
swatch-only: true

Readme

Keywords

Package Sidebar

Install

npm i fng-colour-picker

Weekly Downloads

84

Version

0.12.0-beta.271

License

MIT

Unpacked Size

4.35 kB

Total Files

4

Last publish

Collaborators

  • mchapman