From 51ee3964c0f799fa9786ddd85b54707c43cd3509 Mon Sep 17 00:00:00 2001 From: Christian Vogeley Date: Tue, 25 Mar 2014 19:36:44 +0100 Subject: Well, if you want to add a color picker it is indeed a good idea to include the color picker. --- library/bootstrap-colorpicker/src/examples.html | 60 +++++++++++++++++++++++++ 1 file changed, 60 insertions(+) create mode 100644 library/bootstrap-colorpicker/src/examples.html (limited to 'library/bootstrap-colorpicker/src/examples.html') diff --git a/library/bootstrap-colorpicker/src/examples.html b/library/bootstrap-colorpicker/src/examples.html new file mode 100644 index 000000000..cde7cca16 --- /dev/null +++ b/library/bootstrap-colorpicker/src/examples.html @@ -0,0 +1,60 @@ +
+

Examples

+
+

1) Attached to a field with hex format specified via options:

+
+ + 
+<input type="text" class="demo1" value="#5367ce" />
+<script>
+    $(function(){
+        $('.demo1').colorpicker();
+    });
+</script>
+
+
+
+

As a component:

+
+
+ + +
+ 
+<div class="input-group demo2">
+    <input type="text" value="" class="form-control" />
+    <span class="input-group-addon"><i></i></span>
+</div>
+<script>
+    $(function(){
+        $('.demo2').colorpicker();
+    });
+</script>
+
+
+

Using events to work with the color:

+
+ Change background color +
+

Horizonal mode:

+
+ +
+

Inline mode:

+
+
+
+
+

Enabled / disabled

+
+
+ + +
+
+ Enable + Disable +
+ Destroy plugin instances + Create instances again +
\ No newline at end of file -- cgit v1.2.3