To assist in maintaining consistency with your branding and design EditLive! has the ability to restrict users to a specific set of colors in the color picker. In addition, the UI for selecting colors is standardised right throughout the editor with the color picker appearing for text and highlight color both in the toolbar and menu as well as for the background color for tables, rows, columns and cells.
Configuring these pickers is as easy as adding an element to your configuration file. Under the "wysiwygEditor" element add a colorPalette element. For example:
<colorPalette showMoreColors="false"> <color name="#ffffff" /> <color name="#000000" /> <color name="#FAF3E8" /> <color name="#1F497D" /> <color name="#5C83B4" /> <color name="#C0504D" /> <color name="#9DBB61" /> </colorPalette>
You can list as many or as few colors in the palette as you want by simply adding or removing the child color elements. Each color element defines one available color and the colors must be specified using the HTML hexadecimal representation. You can also decide whether or not to present the "More Colors..." option which lets authors pick any color they want from a color wheel by changing the value of the showMoreColors attribute to true. If you want to restrict users to specific colors, turn this off, but if you just want to provide the most commonly used colors as a guide you can leave it on.
For more information on how this works, refer to the documentation for the colorPalette element.