10. Trinidad Core Tag Reference
Contents > Trinidad Core Tag Reference > tr:chooseColor
tr:chooseColor |
|
The tr:chooseColor tag displays a palette of standard colors or custom colors, allowing the user to pick colors. The default49 (49 colors including one transparent entry), opaque49 (49 colors without a transparent entry), default80 (80 colors including one transparent entry) and the web216 (web-safe colors) are available with the #{requestContext.colorPalette} implicit object.
Example
<tr:chooseColor></tr:chooseColor>
Rendered Output
|
Tag Attributes
| attributeChangeListener |
Text |
| |
| The attributeChangeListener attribute contains the reference to a method that is invoked when the renderer changes a property without the application’s request. |
| binding |
Expression |
| |
| The value-binding expression linking this component tag to a backing bean property. |
| colorData |
Text |
| |
| The colorData attribute sets the list of colors. |
| customColorData |
Text |
| |
| The customColorData attribute sets the list of custom colors. |
| id |
Text |
| |
| The unique identifier value for this component. The value must be unique within the closest naming container. |
| inlineStyle |
Text |
| |
| The inlineStyle attribute contains inline style information, such as background color. |
| onclick |
Text |
| |
| The onclick attribute sets the JavaScript code to execute when the mouse pointer is clicked over this element. |
| ondblclick |
Text |
| |
| The ondblclick attribute sets the JavaScript code to execute when the mouse pointer is double-clicked over this element. |
| onkeydown |
Text |
| |
| The onkeydown attribute sets the JavaScript code to execute when a key is pressed down over this element. |
| onkeypress |
Text |
| |
| The onkeypress attribute sets the JavaScript code to execute when a key is pressed and released over this element. |
| onkeyup |
Text |
| |
| The onkeyup attribute sets the JavaScript code to execute when a key is released over this element. |
| onmousedown |
Text |
| |
| The onmousedown attribute sets the JavaScript code to execute when the mouse pointer is pressed down over this element. |
| onmousemove |
Text |
| |
| The onmousemove attribute sets the JavaScript code to execute when the mouse pointer is moved within this element. |
| onmouseout |
Text |
| |
| The onmouseout attribute sets the JavaScript code to execute when the mouse pointer is moved away from this element. |
| onmouseover |
Text |
| |
| The onmouseover attribute sets the JavaScript code to execute when the mouse pointer is moved onto this element. |
| onmouseup |
Text |
| |
| The onmouseup attribute sets the JavaScript code to execute when the mouse button is released over this element. |
| partialTriggers |
Text |
| |
| The partialTriggers attribute sets the ids of components that cause a partial update. Use single colon for components that are in naming containers and multiple colons to search through parent and grandparent containers. |
| rendered |
Boolean |
| |
| A value-binding expression that evaluates to a Boolean condition indicating if this component should be rendered. |
| shortDesc |
Text |
| |
| The shortDesc attribute displays help text you hover over the component. |
| styleClass |
CSS Class |
| |
| The styleClass attribute sets the CSS class to apply to this component when it is rendered. |
| width |
Text |
| |
| The width attribute sets the width of the component. |
|