%META:TOPICINFO{author="TWikiContributor" date="1419898699" format="1.1" version="2"}% %META:TOPICPARENT{name="TWikiVariables"}% #VarCOLORPICKER ---+++ COLORPICKER{} -- color picker for use in HTML forms for TWiki applications * The =%COLORPICKER{}%= variable is handled by the ColorPickerPlugin. * Syntax: =%COLORPICKER{ name="..." value="..." }%= * Parameters:%STARTSECTION{parameters}% | *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:%BB% ="below"= - color picker is located below the input field;%BB% ="popup"= - pop-up a color picker window when clicking the button next to the input field %BR%     (this uses very little vertical space);%BB% ="view"= - a read-only rectangular block colored in the color value (no color picker);%BB% ="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. ||||%ENDSECTION{parameters}% * Example: %BR% =<form action="...">= %BR% =%COLORPICKER{ name="text_color" value="#123456" class="twikiInputField" type="popup" }%= %BR% =<form>= %BR% Renders as: %BR%
%COLORPICKER{ name="text_color" value="#123456" class="twikiInputField" type="popup" }%
* Category: ApplicationsAndComponentsVariables, DatabaseAndFormsVariables, EditingAndContentUpdateVariables, FormattingAndRenderingVariables, UIAndVisualizationVariables * Related: ColorPickerPlugin, %SYSTEMWEB%.TWikiForms