Skip to content

forms-angular/fng-colour-picker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

A colour picker for forms-angular

Resources

License

Stars

Watchers

Forks

Packages

No packages published