How to Add an inputNumberSlider or an inputRangeSlider Component

Using Input Components and Defining Forms 9-15 Figure 9–15 inputColor Component in Compact Mode

3. Expand the Data section and set the following attributes:

■ Value : Specify the value of the component. If the EL binding for value points to a bean property with a get method but no set method, the component will be rendered in read-only mode. ■ ColorData : Specify the list of colors to be displayed in the standard color palette. The number of provided colors can be 49 7 colors x 7 colors, 64 8 colors x 8 colors, or 121 11 colors x 11 colors. The number set for this attribute will determine the valid value for the width attribute. For example, if you set the colorData attribute to 49, the width must be 7. If the number does not match the width, extra color elements in the list will be ignored and missing color elements will be displayed as no-color. The color list must be an array of type TrColor on the client side. ■ CustomColorData : Specify the list of custom-defined colors. The number of colors can be 7, 8, or 11. The color list must be an array of type TrColor on the client side. On the server side, it must be a List of java.awt.Color objects, or a list of hexadecimal color strings. ■ DefaultColor : Specify the default color using hexadecimal color code, for example 000000.

4. Expand the Appearance section and set the following attributes:

■ Width : Specify the width of the standard palette in cells. The valid values are 7, 8, and 11, which correspond to the values of the colorData and customColorData attributes. ■ CustomVisible : Specify whether or not the Custom Color button and custom color row are to be displayed. When set to true, the Custom Color button and custom color row will be rendered. ■ DefaultVisible : Specify whether or not the Default button is to be displayed. When set to true, the Default button will be rendered. The Default button allows the user to easily select the color set as the value for the defaultColor attribute. ■ LastUsedVisible : Specify whether or not the Last Used button is to be displayed. When set to true the Last Used button will be rendered, which allows the user to select the color that was most recently used. 5. Expand the Behavior section and set the following attribute: ■ ChooseId : Specify the id of the chooseColor component which can be used to choose the color value. If not set, the inputColor component has its own default popup dialog with a chooseColor component.