Appendix A. Style classes and skin parameters

Each of the RichFaces components are listed below, along with their style classes and skin parameters. For further details on each component, refer to the relevant section in the RichFaces Component Reference.

A.1. `<rich:list>`

Table A.1. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.rich-list` This class defines styles for an HTML `<ul>` element.	No skin parameters.
`.rich-list-item` This class defines styles for an HTML `<il>` element.	No skin parameters.

A.2. `<rich:dataTable>`, `<rich:column>`, `<rich:columnGroup>`, `<rich:dataGrid>`

Table A.2. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.rich-table` This class defines the styles for a table.	`tableBackgroundColor`	`background-color`
`.rich-table-cell` This class defines the styles for a table cell.	`generalSizeFont`	`font-size`
	`generalTextColor`	`color`
	`generalFamilyFont`	`font-family`
`.rich-table-header` This class defines the styles for a table header row.	`headerBackgroundColor`	`background-color`
`.rich-table-header-continue` This class defines the styles for all header lines after the first.	`headerBackgroundColor`	`background-color`
`.rich-table-headercell` This class defines the styles for a header cell.	`tableBorderWidth`, `tableBorderColor`	`border-right, border-bottom`
	`headerTextColor`	`color`
	`headerWeightFont`	`font-weight`
	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
`.rich-table-subheader` This class defines the styles for a column sub-header.	`additionalBackgroundColor`	`background-color`
`.rich-table-thead` This class defines the styles for the separator between the header and the rest of the table.	`tableBorderWidth`, `tableBorderColor`	`border-bottom`
`.rich-table-subheadercell` This class defines the styles for a column sub-header cell.	`tableBorderWidth`, `tableBorderColor`	`border-right`
	`generalTextColor`	`color`
	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
`.rich-table-footer` This class defines the styles for a footer row.	`tableFooterBackgroundColor`	`background-color`
`.rich-table-footer-continue` This class defines the styles for all footer lines after the first.	`tableFooterBackgroundColor`	`background-color`
`.rich-table-footercell` This class defines styles for a footer cell.	`tableBorderWidth, tableBorderColor`	`border-right, border-bottom`
	`generalTextColor`	`color`
	`headerWeightFont`	`font-weight`
	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
`.rich-table-subfooter` This class defines the styles for a column footer.	`tableSubfooterBackgroundColor`	`background-color`
`.rich-table-subfootercell` This class defines the styles for a column footer cell.	`tableBorderWidth`, `tableBorderColor`	`border-right`, `border-bottom`
	`generalTextColor`	`color`
	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
`.rich-table-row` This class defines styles for a table row.	No skin parameters.
`.rich-table-firstrow` This class defines styles for a table's first row.	No skin parameters.
`.rich-table-caption` This class defines styles for a "caption" facet element.	No skin parameters.

A.3. `<rich:extendedDataTable>`

Table A.3. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.extdt-empty-cell` This class defines the styles for empty cells.	`tableBorderWidth`, `tableBorderColor`	`border-bottom`
`.extdt-table-layout` This class defines the styles for the table layout.	`tableBackgroundColor`	`background-color`
`.extdt-cell` This class defines the styles for the table cells.	`tableBorderWidth`, `tableBorderColor`	`border-right, border-bottom`
	`generalSizeFont`	`font-size`
	`generalTextColor`	`color`
	`generalFamilyFont`	`font-family`
`.extdt-header` This class defines the styles for a table header row.	`headerBackgroundColor`	`background-color`
`.extdt-header-continue` This class defines the styles for all header lines after the first.	`headerBackgroundColor`	`background-color`
`.extdt-headercell` This class defines the styles for the header cells.	`tableBorderWidth`, `tableBorderColor`	`border-right, border-bottom`
	`headerTextColor`	`color`
	`headerWeightFont`	`font-weight`
	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
`.extdt-subheader` This class defines the styles for a column sub-header.	`additionalBackgroundColor`	`background-color`
`.extdt-table-filterrow` This class defines the styles for the filter row.	`additionalBackgroundColor`	`background-color`
	`tableBorderWidth`, `tableBorderColor`	`border-top`
`.extdt-subheadercell` This class defines the styles for a column sub-header cell.	`tableBorderWidth`, `tableBorderColor`	`border-right`
	`generalTextColor`	`color`
	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
`.extdt-caption` This class defines styles for a table caption.	`tableBorderWidth, tableBorderColor`	`border-right, border-bottom`
	`generalTextColor`	`color`
	`headerWeightFont`	`font-weight`
	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
	`additionalBackgroundColor`	`bakcground-color`
`.extdt-footercell` This class defines styles for a footer cell.	`tableBorderWidth, tableBorderColor`	`border-right, border-bottom`
	`generalTextColor`	`color`
	`headerWeightFont`	`font-weight`
	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
`.extdt-subfooter` This class defines the styles for a column footer.	`tableBorderWidth`, `tableBorderColor`	`border-right`, `border-bottom`
	`generalTextColor`	`color`
	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
`.extdt-subfootercell` This class defines the styles for a column footer cell.	`tableBorderWidth`, `tableBorderColor`	`border-right`, `border-bottom`
	`generalTextColor`	`color`
	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
`.rich-extdt` This class defines styles for the table.	No skin parameters.
`.rich-extdt-caption` This class defines styles for a "caption" facet element.	No skin parameters.
`.rich-extdt-header` This class defines styles for a table header row.	No skin parameters.
`.rich-extdt-header-continue` This class defines styles for all header lines after the first.	No skin parameters.
`.rich-extdt-subheader` This class defines styles for a column sub-header.	No skin parameters.
`.rich-extdt-footer` This class defines styles for a footer row.	No skin parameters.
`.rich-extdt-footer-continue` This class defines styles for all footer lines after the first.	No skin parameters.
`.rich-extdt-subfooter` This class defines styles for a column sub-footer.	No skin parameters.
`.rich-extdt-headercell` This class defines styles for a header cell.	No skin parameters.
`.rich-extdt-subheadercell` This class defines styles for a sub-header cell.	No skin parameters.
`.rich-extdt-cell` This class defines styles for a table cell.	No skin parameters.
`.rich-extdt-row` This class defines styles for a table row.	No skin parameters.
`.rich-extdt-firstrow` This class defines styles for a table's first row.	No skin parameters.
`.rich-extdt-footercell` This class defines styles for a footer cell.	No skin parameters.
`.rich-extdt-subfootercell` This class defines styles for a sub-footer cell.	No skin parameters.
`.rich-extdt-group-cell` This class defines styles for a grouping row cell.	No skin parameters.

A.4. `<rich:calendar>`

Table A.4. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.rich-calendar-exterior` This class defines the styles for a pop-up calendar exterior.	`panelBorderColor`	`border-color`
`.rich-calendar-header` This class defines the styles for a calendar header.	`panelBorderColor`	`border-bottom-color`
	`additionalBackgroundColor`	`background-color`
	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
`.rich-calendar-header-optional` This class defines the styles for an optional header.	`panelBorderColor`	`border-bottom-color`
	`additionalBackgroundColor`	`background-color`
	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
`.rich-calendar-cell` This class defines the styles for cells with days.	`panelBorderColor`	`border-bottom-color`, `border-right-color`
	`tableBackgroundColor`	`background-color`
	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
`.rich-calendar-tool` This class defines the styles for calendar toolbars.	`headerBackgroundColor`	`background-color`
	`headerSizeFont`	`font-size`
	`headerFamilyFont`	`font-family`
	`headerWeightFont`	`font-weight`
	`headerTextColor`	`color`
`.rich-calendar-month` This class defines the styles for names of months.	`headerBackgroundColor`	`background-color`
	`headerSizeFont`	`font-size`
	`headerFamilyFont`	`font-family`
	`headerWeightFont`	`font-weight`
	`headerTextColor`	`color`
`.rich-calendar-days` This class defines the styles for names of working days in a header.	`panelBorderColor`	`border-bottom-color`, `border-right-color`
	`additionalBackgroundColor`	`background`
	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
`.rich-calendar-week` This class defines the styles for week numbers.	`panelBorderColor`	`border-bottom-color`, `border-right-color`
	`additionalBackgroundColor`	`background`
	`calendarWeekBackgroundColor`	`background-color`
	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
`.rich-calendar-holly` This class defines the styles for holidays.	`calendarHolidaysBackgroundColor`	`background-color`
	`calendarHolidaysTextColor`	`color`
`.rich-calendar-today` This class defines the styles for the cell representing today's date.	`calendarCurrentBackgroundColor`	`background-color`
	`calendarCurrentTextColor`	`color`
`.rich-calendar-select` This class defines the styles for the selected day.	`headerBackgroundColor`	`background-color`
	`headerTextColor`	`color`
`.rich-calendar-hover` This class defines the styles for a cell when it is hovered over with the mouse cursor.	`calendarSpecBackgroundColor`	`background-color`
	`calendarSpecTextColor`	`color`
`.rich-calendar-toolfooter` This class defines the styles for a toolbar item in the calendar footer.	`additionalBackgroundColor`	`background`
	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
`.rich-calendar-tool-btn-hover` This class defines the styles for toolbar items when it is hovered over with the mouse cursor.	`calendarWeekBackgroundColor`	`background-color`
	`generalTextColor`	`color`
	`tableBackgroundColor`	`border-color`
	`panelBorderColor`	`border-right-color`, `border-bottom-color`
`.rich-calendar-tool-btn-press` This class defines the styles for toolbar items when it is pressed.	`panelBorderColor`	`border-color`
	`panelBorderColor`	`border-right-color`, `border-bottom-color`
`.rich-calendar-footer` This class defines the styles for a calendar footer.	`panelBorderColor`	`border-right-color`, `border-bottom-color`
	`additionalBackgroundColor`	`background`
	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
`.rich-calendar-footer-optional` This class defines the styles for an optional footer.	`panelBorderColor`	`border-right-color`, `border-bottom-color`
	`additionalBackgroundColor`	`background`
	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
`.rich-calendar-editor-shadow` This class defines the styles for the calendar editor shadow.	`tableBackgroundColor`	`background`
`.rich-calendar-time-layout` This class defines the styles for a pop-up element during time selection.	`panelBorderColor`	`border-color`
	`additionalBackgroundColor`	`background`
	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
`.rich-calendar-date-layout` This class defines the styles for a pop-up element during quick month or year selection.	`panelBorderColor`	`border-color`
	`tableBackgroundColor`	`background`
	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
`.rich-calendar-time-layout-input` This class defines the styles for an input field in a pop-up element during time selection.	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
`.rich-calendar-date-layout-cancel` This class defines the styles for the Cancel button.	`additionalBackgroundColor`	`background`
	`panelBorderColor`	`border-top-color`
`.rich-calendar-date-layout-ok` This class defines the styles for the OK button.	`additionalBackgroundColor`	`background`
	`panelBorderColor`	`border-top-color`
`.rich-calendar-date-layout-split` This class defines the styles for a wrapper `<td>` element for month items near the split line.	`panelBorderColor`	`border-right-color`
`.rich-calendar-time-btn` This class defines the styles for a button in the pop-up element for the calendar's time section.	`tableBackgroundColor`	`border-color`
	`panelBorderColor`	`border-right-color`, `border-bottom-color`
`.rich-calendar-time-btn-press` This class defines the styles for a pressed button in the pop-up element for the calendar's time section.	`tableBackgroundColor`	`border-right-color`, `border-bottom-color`
	`panelBorderColor`	`border-color`
	`calendarWeekBackgroundColor`	`background-color`
`.rich-calendar-spinner-buttons` This class defines the styles for a wrapper `<td>` element for spinner buttons in the pop-up element for time selection.	`headerBackgroundColor`	`background-color`, `border-color`
`.rich-calendar-spinner-input-container` This class defines the styles for a wrapper `<td>` element for a spinner input field in the pop-up element for time selection.	`controlBackgroundColor`	`background-color`
	`panelBorderColor`	`border-color`
	`subBorderColor`	`border-right-color`, `border-bottom-color`
`.rich-calendar-spinner-input` This class defines the styles for a spinner input field in the pop-up element for time selection.	`buttonSizeFont`	`font-size`
	`buttonFamilyFont`	`font-family`
`.rich-calendar-editor-layout-shadow` This class defines the styles for the layout shadow of a calendar editor.	`shadowBackgroundColor`	`background-color`
`.rich-calendar-editor-btn-over` This class defines the styles for the calendar editor button when it is hovered over with the mouse cursor.	`panelBorderColor`	`border-color`
	`calendarSpecBackgroundColor`	`background`
`.rich-calendar-editor-btn-selected` This class defines the styles for the calendar editor button when it is pressed.	`calendarCurrentBackgroundColor`	`background-color`
	`calendarCurrentTextColor`	`color`
`.rich-calendar-editor-tool-over` This class defines the styles for a toolbar item in the calendar editor when it is hovered over with the mouse cursor.	`additionalBackgroundColor`	`background`
	`tableBackgroundColor`	`border-color`
	`panelBorderColor`	`border-right-color`, `border-bottom-color`
`.rich-calendar-editor-tool-press` This class defines the styles for a toolbar item in the calendar editor when it is pressed.	`additionalBackgroundColor`	`background`
	`panelBorderColor`	`border-color`
	`tableBackgroundColor`	`border-right-color`, `border-bottom-color`
`.rich-calendar-input` This class defines styles for an input field.	No skin parameters.
`.rich-calendar-button` This class defines styles for a pop-up button.	No skin parameters.
`.rich-calendar-weekends` This class defines styles for the name of a weekend day in a header.	No skin parameters.
`.rich-calendar-popup` This class defines styles for a pop-up element.	No skin parameters.
`.rich-calendar-tool-btn` This class defines styles for a toolbar button.	No skin parameters.
`.rich-calendar-tool-btn-disabled` This class defines styles for a disabled toolbar button.	No skin parameters.
`.rich-calendar-tool-close` This class defines styles for a Close button in a toolbar.	No skin parameters.
`.rich-calendar-boundary-dates` This class defines styles for an active boundary button.	No skin parameters.
`.rich-calendar-btn` This class defines styles for a date button.	No skin parameters.
`.rich-calendar-editor-btn` This class defines styles for a button in the calendar editor.	No skin parameters.
`.rich-calendar-time-layout-fields` This class defines styles for a wrapper `<td>` element for input fields and buttons.	No skin parameters.
`.rich-calendar-spinner-up` This class defines styles for the Up spinner button in the pop-up element for the time section.	No skin parameters.
`.rich-calendar-spinner-down` This class defines styles for the Down spinner button in the pop-up element for the time section.	No skin parameters.
`.rich-calendar-spinner-pressed` This class defines styles for a spinner button in the pop-up element for the time section when it is pressed.	No skin parameters.
`.rich-calendar-time-layout-ok` This class defines styles for the OK button in the pop-up element for the time section.	No skin parameters.
`.rich-calendar-time-layout-cancel` This class defines styles for the Cancel button in the pop-up element for the time section.	No skin parameters.

Appendix A. Style classes and skin parameters

A.1. <rich:list>

A.2. <rich:dataTable>, <rich:column>, <rich:columnGroup>, <rich:dataGrid>

A.3. <rich:extendedDataTable>

A.4. <rich:calendar>

A.1. `<rich:list>`

A.2. `<rich:dataTable>`, `<rich:column>`, `<rich:columnGroup>`, `<rich:dataGrid>`

A.3. `<rich:extendedDataTable>`

A.4. `<rich:calendar>`