Skip to content

Latest commit

 

History

History
29 lines (18 loc) · 1.22 KB

README.md

File metadata and controls

29 lines (18 loc) · 1.22 KB

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