Skip to content

Commit 13788bd

Browse files
committed
Improved readme
1 parent 9ea24f6 commit 13788bd

File tree

1 file changed

+32
-6
lines changed

1 file changed

+32
-6
lines changed

README.md

Lines changed: 32 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -10,21 +10,47 @@ Installation
1010
The date picker is an add-on to the Bootstrap decorator. To use it, just include
1111
`dist/bootstrap-colorpicker.min.js` *after* `dist/bootstrap-decorator.min.js`.
1212

13+
Easiest way is to install is with bower, this will also include dependencies:
14+
```bash
15+
$ bower install angular-schema-form-colorpicker
16+
```
17+
1318
You'll need to load a few additional files to use colorpicker:
1419

15-
1. jQuery (Spectrum depends on it)
16-
2. The Spectrum source files The Spectrum source files (see the
20+
*Before loading angular schema form*
21+
22+
1. jQuery
23+
2. Angular
24+
25+
*After loading angular schema form*
26+
27+
1. The Spectrum source files (see the
1728
[GitHub page](https://github.com/amsul/pickadate.js) for documentation)
18-
3. The Spectrum-angular source files (see the
29+
2. The Spectrum-angular source files (see the
1930
[GitHub page](https://github.com/Jimdo/angular-spectrum-colorpicker) for documentation)
31+
3. The Angular Schema Form Colorpicker files (this project)
2032
3. The spectrum CSS
2133
4. Translation files for whatever language you want to use
2234

23-
Easiest way is to install is with bower, this will also include dependencies:
24-
```bash
25-
$ bower install angular-schema-form-colorpicker
35+
Example
36+
37+
```HTML
38+
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
39+
<script type="text/javascript" src="/bower_components/angular/angular.min.js"></script>
40+
<script type="text/javascript" src="/bower_components/angular-sanitize/angular-sanitize.min.js"></script>
41+
<script type="text/javascript" src="/bower_components/angular-schema-form/schema-form.min.js"></script>
42+
<script type="text/javascript" src="/bower_components/angular-schema-form/bootstrap-decorator.min.js"></script>
43+
44+
<script type="text/javascript" src="/bower_components/spectrum/spectrum.js"></script>
45+
<script type="text/javascript" src="/bower_components/spectrum/i18n/jquery.spectrum-sv.js"></script>
46+
<script type="text/javascript" src="/bower_components/angular-spectrum-colorpicker/dist/angular-spectrum-colorpicker.min.js"></script>
47+
<script type="text/javascript" src="/bower_components/angular-schema-form-colorpicker/angular-schema-form-colorpicker.min.js"></script>
48+
49+
<link rel="stylesheet" href="/bower_components/spectrum/spectrum.css">
2650
```
2751

52+
53+
2854
Usage
2955
-----
3056
The colorpicker add-on adds a new form type, `colorpicker`, and a new default

0 commit comments

Comments
 (0)