1. Fabrik 3.7 is now available. This version contains critical security updates, please update as soon as possible. Please remember to backup your site before updating, we also recommend testing your updates on development sites if possible.
  2. We had to restore the site around midday (CST) on Wed 7/26 from a backup approximately 8 hours old. So a few posts in the forums were lost. You may want to check to see if you need to re-post anything.
  3. The release of Fabrik for J! 3.8 is not yet ready. Do not update your sites to J! 3.8 until this notice is removed.

Colour Picker element

Jun 28, 2013
Colour Picker element

  • Form example (top)


    Click on the large coloured square to open up the colour picker window.
    Use the sliders to create the colour, or click on the small palette colours to automatically load a colour.

    Administration settings (top)

    There are no admin settings for this plug-in.

    As of 14th July 2011 there is the following option:

    • swatch - Allows you to select a swatch file to load up the preselectable colours. The rainbow swatch as shown in the image above is default.js.
    The format for the swatch file is json. Its an array, where each line of the array represents a line in the swatch output.

    The each swatch line is an object whose keys are the rgb colour and whose labels represent the colour name (leave blank not to show a colour name)

    Code (Javascript):