mirror of
https://github.com/PitPik/tinyColorPicker
synced 2025-07-23 09:54:29 -06:00
added 'smaller' demo
This commit is contained in:
parent
fe15d5e99c
commit
37786c4b9b
10
index.html
10
index.html
@ -21,6 +21,7 @@ On all inputs with calssName 'color': <pre>$('input.color').colorPicker();</pre>
|
|||||||
<option value="mobile">Mobile</option>
|
<option value="mobile">Mobile</option>
|
||||||
<option value="input">Input fields</option>
|
<option value="input">Input fields</option>
|
||||||
<option value="noalpha">Default without alpha</option>
|
<option value="noalpha">Default without alpha</option>
|
||||||
|
<option value="small">Default but smaller</option>
|
||||||
</select>
|
</select>
|
||||||
(see index.js for more details...)
|
(see index.js for more details...)
|
||||||
</p>
|
</p>
|
||||||
@ -186,6 +187,15 @@ window.myColorPicker = $('input.color').colorPicker({
|
|||||||
opacity: false
|
opacity: false
|
||||||
};
|
};
|
||||||
|
|
||||||
|
// the default but smaller
|
||||||
|
plugin.small = {
|
||||||
|
customBG: '#222',
|
||||||
|
margin: '4px -2px',
|
||||||
|
cssAddon: // could also be in a css file instead
|
||||||
|
'.cp-xy-slider{width:100px; height:100px;}' +
|
||||||
|
'.cp-z-slider{height:100px;}'
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
pluginSelect.value = type;
|
pluginSelect.value = type;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user