Home » RichFaces Rich:Inplaceselect

RichFaces Rich:Inplaceselect

by Online Tutorials Library

RichFaces <rich:inplaceSelect>

This component is similar to the <rich:inplaceInput> component, except that it uses a drop-down selection box to enter text instead of a text field.

It is based on the JSF UISelectOne component. So, we can use attributes for value definition, processing, conversion and validation.

Style classes and skin parameters

The following table contains the Style classes and corresponding skin parameters for inplaceSelect.

Class Function Skin Parameters Mapped CSS properties
.rf-is This class defines styles for the in-place select when it is in the default state. editorBackgroundColor generalTextColor background-color border-bottom-color
.rf-is-act This class defines styles for the in-place select when it is in the editing state. No skin parameters.
.rf-is-chng This class defines styles for the in-place select when it is in the changed state. No skin parameters.
.rf-is-dis This class defines styles for the in-place select when it is in the disabled state. No skin parameters.
.rf-is-fld This class defines styles for the in-place select field. editBackgroundColor generalTextColor background color
.rf-is-opt This class defines styles for an option for the in-place select. generalTextColor border-color
.rf-is-sel This class defines styles for the selected option of the in-place select. generalTextColor border-color
.rf-is-lbl This class defines styles for the label of the in-place select. No skin parameters.
.rf-is-dflt-lbl This class defines styles for the default label of the in-place select. No skin parameters.
.rf-is-edit This class defines styles for the in-place select when it is being edited. No skin parameters.
.rf-is-btn This class defines styles for the buttons for the in-place select. tabBackgroundColor panelBorderColor background-color border-color

Example

Here, in the following example, we are implementing <rich:inplaceSelect> component. This example contains the following files.

JSF File

// inplaceSelect.xhtml

Managed Bean

// Country.java

Output:

RichFaces Inplaceselect 1

It pop up a list, when the user click on it.

RichFaces Inplaceselect 2


You may also like