Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

Overview

The <crm:colorPicker> tag is used to display an input

...

element with a color palette on the page.

The component itself is accessed through the <crm:colorPircker> tag and is defined in the xmlns namespace with the declaration xmlns:em="http://java.sun.com/jsf/composite/crm"

 

Image Added

Attributes

NameRequiredTypeDefaultDescription

columnClasses

falseStringui-grid-col-12

Comma separated list of column style classes of the gird layout that will be used to display the component.

...

Note

Column style class should be prefixed with ui-grid-col- and suffixed with the number of columns that content will take (out of 12).

For example, for two columns with the same size the columnClasses should be "ui-grid-col-6,ui-grid-col-6".


columnsfalseInteger1

Number of columns of the gird layout that will be used to display the component.

...


disabledfalseBooleanfalseFlag indicating that component is disabled or not.
idtrueStringnullUnique identifier of the component.
labelKeyfalseStringnull

...

A valid key

...

defined in translation properties file

...

. Its translation through the glossary will be used as the presentable name of the component.

managedBeanfalseStringnull

The name of the Java managed bean

...

class that will be used for retrieving the component values.

readonlyfalseBoolean falseFlag indicating that this component will prevent changes by the user.
refreshfalseString@thisComponent(s) to update with ajax.
tipfalseStringnull

...

A valid key

...

defined in translation properties file

...

. Its translation through the glossary will be used as an

...

advisory tooltip information.

valuefalseObjectnullThe value of the component.
visiblefalseBooleantrue

Controls the visibility of the component.

Examples

 JSF Page

 

 

 

 

 

 

Managed Bean

 

...


Getting Started

The following example shows a color picker component.