JSF Component Libraries - JSF and HTML5 - page 229

Table 9-3. ( continued )

Component Description

Focus The <rich:focus> component allows one to manipulate the focus of components on a page. It
is intended to be used with any input field.
HashParam The <rich:hashParam> component allows client-side parameters to be grouped into a
hash map. The hash map can then be passed to the client JavaScript API functions of any
RichFaces component.
HotKey The <rich:hotKey> component allows one to register hot keys for the page or particular
elements and to define client-side processing functions for these keys.
InplaceInput The <rich:inplaceInput> component allows information to be entered inline in blocks of text,
improving readability of the text.
InplaceSelect The <rich:inplaceSelect> component is similar to the <rich:inplaceInput> component,
except that the <rich:inplaceSelect> component uses a drop-down selection box to enter text
instead of a regular text field.
InputNumberSlider The <rich:inputNumberSlider> component provides a slider for changing numerical values.
InputNumberSpinner The <rich:inputNumberSpinner> component is a single-line input field with buttons to
increase and decrease a numerical value. The value can be changed using the corresponding
directional keys on a keyboard, or by typing into the field.

jQuery The <rich:jQuery> component applies styles and custom behavior to both JSF objects and

regular DOM (Document Object Model) objects. It uses the jQuery JavaScript framework to
add functionality to web applications.

List The <rich:list> component renders a list of items. The list can be a numerically ordered list,

an unordered bullet-point list, or a data definition list. The component uses a data model for
managing the list items, which can be updated dynamically.

Message The <rich:message> component renders a single FacesMessage message instance added

for the component. The appearance of the message can be customized, and tool-tips can be
used for further information about the message.

Messages The <rich:messages> component works similarly to the <rich:message> component but

can display all the validation messages added for the current view instead of just a single
message.

Notify

The <rich:notify> component serves for advanced user interaction, using notification boxes
to give the user instant feedback on what's happening within the application. Each time this
component is rendered, a floating notification box is displayed in the selected corner of the
browser screen.

NotifyMessage The <rich:notifyMessage> component is built on top of <rich:notify>; the difference is in

usage. The <rich:notifyMessage> component displays FacesMessages associated with a given
component, similar to <rich:message>: one notification is displayed for first FacesMessage
in the stack that arises either programmatically or during conversion/validation of the
component. The severity of the message determines the color and icon of the resulting
notification.

NotifyMessages

The <rich:notifyMessages> component is the same as the <rich:notifyMessage> component,
but each of the available messages generates one notification. <rich:notifyMessages> shares
the same set of attributes with <rich:notifyMessage>.

( continued )