How to Add the Ability to Insert Text into an inputText Component

Using Input Components and Defining Forms 9-13 ■ Minimum : Specify the minimum value allowed in the input field. ■ Maximum : Specify the maximum value allowed in the input field. ■ StepSize : Specify the increment by which the spinbox will increase or decrease the number in the input field. 3. Expand the Appearance section and set the attributes. For more information about setting these attributes, see Section 9.3.1, How to Add an inputText Component. 4. If you want the value of the spinbox to appear as read-only until the user hovers over it, expand the Other section and set Editable to onAccess. If you want the component to always appear editable, select always. If you want the value to be inherited from an ancestor component, select inherit.

9.5 Using Color and Date Choosers

The inputColor component presents a text input field for entering code for colors and a button for picking colors from a palette. The default color code format is the hexadecimal color format. However, you can override the format using a ColorConverter class. By default, the inputColor component opens the chooseColor component that allows users to pick the color from a a palette. Figure 9–12 shows the inputColor component with the chooseColor component in a popup dialog. Figure 9–12 inputColor Component with Popup chooseColor Component The inputDate component presents a text input field for entering dates and a button for picking dates from a popup calendar, as shown in Figure 9–13 . The default date format is the short date format appropriate for the current locale. For example, the default format in American English ENU is mmddyy. However, you can override the format using a date-time converter for more information about using converters, see Section 6.3, Adding Conversion . Note: If you select inherit, and no ancestor components define the editable value, then the value always is used. 9-14 Web User Interface Developers Guide for Oracle Application Development Framework Figure 9–13 inputDate Component When you add a date-time converter and configure it to show both the date and the time, the date picker is displayed as a modal dialog with additional controls for the user to enter a time. Additionally, if the converter is configured to show a time zone, a timezone dropdown list is shown in the dialog, as shown in Figure 9–14 . Figure 9–14 Modal Dialog When Date-Time Converter Is Used

9.5.1 How to Add an inputColor Component

The inputColor component allows users either to enter a value in an input text field, or to select a color from a color chooser. To add an inputColor component: 1. In the Component Palette, from the Common Components panel, drag and drop an Input Color onto the page. 2. In Property Inspector, expand the Common section and set the following: ■ Label : Specify a label for the component. ■ Compact : Set to true if you do not want to display the input text field, as shown in Figure 9–15 .