You are here: System » JQueryPlugin » JQueryFarbtastic


12 Feb 2010 - 16:11 | Version 1 |

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.


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 Size Values Tooltip message Attributes
Color1 color 10      
Color2 color 10      
Color3 color 10      
Color4 color 10      

To define a PaletteForm with 4 colors.


Contact Us

Atomikos Corporate Headquarters
Hoveniersstraat, 39/1, 2800
Mechelen, Belgium

T +3215613055

Subscribe to our newsletter

Never miss an update

Copyright 2017 Atomikos BVBA