University of Natural Resources and Life Sciences (BOKU)
Institute of Computational Biology

JQueryFarbtastic

Homepage: http://acko.net/dev/farbtastic
Author(s): Steven Wittens
Version: 1.2

Farbtastic is a jQuery plug-in that can add one or more color picker widgets into a page. Each widget is then linked to an existing element (e.g. a text field) and will update the element's value when a color is selected. Farbtastic uses layered transparent PNGs to render a saturation/luminance gradient inside of a hue circle. No Flash or pixel-sized divs are used.

There's a color formfield for easy integration into Foswiki DataForms.

Usage

Add the class jqFarbtastic to an input element that you want to attach the color selector to. The widget can be parametrized using metadata inside the class attribute.

Color Formfield

With the farbtastic plugin comes a formfield type =color that lets you add one or more color formfields to DataForms. Try

Name Type SizeSorted ascending Values Tooltip message Attributes
Color1 color 10      
Color2 color 10      
Color3 color 10      
Color4 color 10      

To define a PaletteForm with 4 colors.

Examples

28 Mar 2024 - 14:06 Foswiki v2.0.2