Home | Gifts |
color
type to TWikiForms:
Type | Description | Size | Value |
---|---|---|---|
color |
Single-line text box and a color picker to pick a color. The color can also be typed into the text box, such as #123456 . |
Text box width in number of characters | Initial (default) color |
Name: | Type: | Size | Values: | Tooltip message: |
---|---|---|---|---|
Background color | color | 12 | Select color |
<form action="..."> %COLORPICKER{ name="text_color" size="12" value="#123456" class="twikiInputField" }% <form>This will show an HTML input field named "text_color" and a color picker tied to it.
Parameter | Description | Default | Example |
---|---|---|---|
name |
Name of input field | (required) | name="text_color" |
value |
Initial color value, in hexadecimal notation for the combination of Red, Green, and Blue color values (RGB). | (none) | value="#0000ff" |
size |
Size of input field, in number of characters | (browser default) | size="8" |
class |
CSS class of input field or the rectangular color block | (none) | class="twikiInputField" |
style |
Style of input field or the rectangular color block | (none) | style="width: 190px; height: 32px" |
type |
Type of color widget: • "below" - color picker is located below the input field;• "popup" - pop-up a color picker window when clicking the button next to the input field (this uses very little vertical space); • "view" - a read-only rectangular block colored in the color value (no color picker);• "view-hex" - like view , in addition shows the color value as an RGB hexadecimal code (no color picker); |
type="below" |
type="view-hex" |
Additional parameters can be supplied; they will be added to the HTML input field or the rectangular color block. |
%INCLUDE{ "%SYSTEMWEB%.ColorPickerPlugin" section="code" }% <form action="..."> %INCLUDE{ "%SYSTEMWEB%.ColorPickerPlugin" section="picker" NAME="demo_color" SIZE="12" VALUE="#123456" EXTRA="class=\"twikiInputField\"" }% </form>This will show an HTML input field named "demo_color" and a color picker tied to it. The
"code"
section should be included once per topic, the "picker"
section can be included as many times as needed. The NAME
parameter is required; SIZE
, VALUE
and EXTRA
parameters are optional. Use the EXTRA
parameter to add additional parameters to the HTML input field.
Test: (this works only if the ColorPickerPlugin is installed and disabled)
ColorPickerPlugin.zip
in your twiki installation directory.
Author: | TWiki:Main.PeterThoeny![]() ![]() |
||||||
Copyright: | © 2007 Steven Wittens![]() © 2010-2012 TWiki:Main.PeterThoeny ![]() ![]() |
||||||
License: | GPL (GNU General Public License![]() |
||||||
Dependencies: |
|
||||||
Version: | 2012-12-03 | ||||||
Change History: | |||||||
2012-12-03: | TWikibug:Item7020![]() |
||||||
2012-08-11: | TWikibug:Item6837![]() |
||||||
2011-06-11: | TWikibug:Item6725![]() |
||||||
2010-11-30: | TWikibug:Item6610![]() |
||||||
2010-11-27: | TWikibug:Item6609![]() color form field type defined in this contrib -- TWiki:Main.PeterThoeny![]() |
||||||
2010-11-26: | TWikibug:Item6606![]() ![]() ![]() |
||||||
2006-10-27: | Initial version of ColorPickerContrib by TWiki:Main.FlavioCurti![]() |
||||||
Home: | http://TWiki.org/cgi-bin/view/Plugins/ColorPickerPlugin![]() |
||||||
Feedback: | http://TWiki.org/cgi-bin/view/Plugins/ColorPickerPluginDev![]() |
||||||
Appraisal: | http://TWiki.org/cgi-bin/view/Plugins/ColorPickerPluginAppraisal![]() |
Revision r3 - 2012-12-04 - 08:24:04 - TWikiContributor | Edit |