Color picker for use in TWiki forms and TWiki applications
Introduction
This TWiki plugin packages the Farbtastic color picker, which is a jQuery plugin developed by Steven Wittens of Acko.net. The package adds a color picker to TWiki forms and TWiki applications.
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. An attribute of type="popup" shows a button that, when clicked, opens a color picker popup.
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.
Test: (this only works if the ColorPickerPlugin is installed and enabled)
Using the color picker with disabled plugin
It is also possible to use the color picker in HTML forms with disabled ColorPickerPlugin:
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)
<--
-->
Installation Instructions
This plugin is pre-installed. TWiki administrators can upgrade the plugin as needed on the TWiki server.
TWikibug:Item7601: Implement new type="popup" parameter for popup color widget
2014-12-20:
TWikibug:Item7601: New type parameter to set the type of color widget
2014-12-11:
TWikibug:Item7577: TWiki form field type with configure attributes, color type supports form, onblur, onfocus, onchange, onselect, onmouseover, onmouseout, pattern, placeholder, spellcheck, style, tabindex, title, translate
2013-02-15:
TWikibug:Item7148: Fix for color picker not working if initial value of TWiki forms field of type color is empty
2013-01-09:
TWikibug:Item7091: Dependency clarification; use TWISTY for installation instructions
Color picker for use in TWiki forms and TWiki applications
Introduction
This TWiki plugin packages the Farbtastic color picker, which is a jQuery plugin developed by Steven Wittens of Acko.net. The package adds a color picker to TWiki forms and TWiki applications.
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
> >
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. An attribute of type="popup" shows a button that, when clicked, opens a color picker popup.
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.
Test: (this only works if the ColorPickerPlugin is installed and enabled)
Using the color picker with disabled plugin
It is also possible to use the color picker in HTML forms with disabled ColorPickerPlugin:
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)
<--
-->
Installation Instructions
This plugin is pre-installed. TWiki administrators can upgrade the plugin as needed on the TWiki server.
TWikibug:Item7601: Implement new type="popup" parameter for popup color widget
2014-12-20:
TWikibug:Item7601: New type parameter to set the type of color widget
2014-12-11:
TWikibug:Item7577: TWiki form field type with configure attributes, color type supports form, onblur, onfocus, onchange, onselect, onmouseover, onmouseout, pattern, placeholder, spellcheck, style, tabindex, title, translate
2013-02-15:
TWikibug:Item7148: Fix for color picker not working if initial value of TWiki forms field of type color is empty
2013-01-09:
TWikibug:Item7091: Dependency clarification; use TWISTY for installation instructions
Color picker for use in TWiki forms and TWiki applications
Introduction
This TWiki plugin packages the Farbtastic color picker, which is a jQuery plugin developed by Steven Wittens of Acko.net. The package adds a color picker to TWiki forms and TWiki applications.
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.
Test: (this only works if the ColorPickerPlugin is installed and enabled)
Using the color picker with disabled plugin
It is also possible to use the color picker in HTML forms with disabled ColorPickerPlugin:
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)
<--
-->
Installation Instructions
Changed:
< <
Note: You do not need to install anything on the browser to use this extension. The following instructions are for the administrator who installs the extension on the TWiki server.
> >
This plugin is pre-installed. TWiki administrators can upgrade the plugin as needed on the TWiki server.
Color picker for use in TWiki forms and TWiki applications
Introduction
This TWiki plugin packages the Farbtastic color picker, which is a jQuery plugin developed by Steven Wittens of Acko.net. The package adds a color picker to TWiki forms and TWiki applications.
This will show an HTML input field named "text_color" and a color picker tied to it. The size, value and class parameters are optional. Additional parameters can be supplied; they will be added to the HTML input field.
> >
This will show an HTML input field named "text_color" and a color picker tied to it.
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.
Test: (this only works if the ColorPickerPlugin is installed and enabled)
Using the color picker with disabled plugin
It is also possible to use the color picker in HTML forms with disabled ColorPickerPlugin:
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)
<--
-->
Installation Instructions
Note: You do not need to install anything on the browser to use this extension. The following instructions are for the administrator who installs the extension on the TWiki server.
For an automated installation, run the configure script and follow "Find More Extensions" in the in the Extensions section.
Color picker for use in TWiki forms and TWiki applications
Introduction
This TWiki plugin packages the Farbtastic color picker, which is a jQuery plugin developed by Steven Wittens of Acko.net. The package adds a color picker to TWiki forms and TWiki applications.
This will show an HTML input field named "text_color" and a color picker tied to it. The size, value and class parameters are optional. Additional parameters can be supplied; they will be added to the HTML input field.
Test: (this only works if the ColorPickerPlugin is installed and enabled)
Using the color picker with disabled plugin
It is also possible to use the color picker in HTML forms with disabled ColorPickerPlugin:
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)
<--
-->
Deleted:
< <
Detailed Documentation
This package includes a small Perl module to make it easier to use the
color picker from other TWiki plugins. This module includes the functions:
addHEAD
TWiki::Plugins::ColorPickerPlugin::addHEAD( )
addHEAD needs to be called before TWiki::Plugins::ColorPickerPlugin::renderForEdit
is called.
You do not need to install anything in the browser to use this extension. The following instructions are for the administrator who installs the extension on the server where TWiki is running.
> >
Note: You do not need to install anything on the browser to use this extension. The following instructions are for the administrator who installs the extension on the TWiki server.
Changed:
< <
Like many other TWiki extensions, this module is shipped with a fully
> >
For an automated installation, run the configure script and follow "Find More Extensions" in the in the Extensions section.
Deleted:
< <
automatic installer script written using the BuildContrib.
If you have TWiki 4.2 or later, you can install from the configure interface (Go to Plugins->Find More Extensions)
Color picker for use in TWiki forms and TWiki applications
Introduction
This TWiki plugin packages the Farbtastic color picker, which is a jQuery plugin developed by Steven Wittens of Acko.net. The package adds a color picker to TWiki forms and TWiki applications.
This will show an HTML input field named "text_color" and a color picker tied to it. The size, value and class parameters are optional. Additional parameters can be supplied; they will be added to the HTML input field.
Test: (this only works if the ColorPickerPlugin is installed and enabled)
Using the color picker with disabled plugin
It is also possible to use the color picker in HTML forms with disabled ColorPickerPlugin:
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)
<--
-->
Detailed Documentation
This package includes a small Perl module to make it easier to use the
color picker from other TWiki plugins. This module includes the functions:
addHEAD
TWiki::Plugins::ColorPickerPlugin::addHEAD( )
addHEAD needs to be called before TWiki::Plugins::ColorPickerPlugin::renderForEdit
is called.
You do not need to install anything in the browser to use this extension. The following instructions are for the administrator who installs the extension on the server where TWiki is running.
Like many other TWiki extensions, this module is shipped with a fully
automatic installer script written using the BuildContrib.
If you have TWiki 4.2 or later, you can install from the configure interface (Go to Plugins->Find More Extensions)