The inputColor
component allows users to pick a color from a color palette. It presents a text input field for entering a color's hexadecimal code, usually in the format #RRGGBB
. The component also displays a button for picking colors from a palette in a pop up.
In this recipe, we will add an inputColor
component to the Employees
form created in the first recipe to show the Favorite Color
attribute.
In order to add inputColor
, follow the ensuing steps:
Open the
inputComponents.jsf
page.Drag the
FavColor
attribute underEmployeesView1
inChapter4AppModuleDataControl
from the Data Control pane and drop it inside the panel form layout.Select Text from the drop-down menu and select ADF Input Text w/Label.
Right-click on the
inputText
component and go to Convert to… | Input Color.Change the
Compact
attribute totrue
.Save everything.
Run the
inputComponets.jsf
page. You should see the page as shown in the following screenshot: