leverage the skinnibility from richface for third-party comp

[jieshengz]

I guess all of you will have a JSF page including not only rich component, but also other third-party components and plain html elements. For the plain html element, I'd like to use the style class already defined for richfaces component so that all html pages have consistent look and feel.

For example, I know rich-table-cell and rich-table-row are defined for rich:dataTable. I'd like to use it for my plain html table like this

<table>

<tr class="rich-table-row">
<td class="rich-table-cell">
an example cell
</td>
</tr>

My problem is that how I can load the stylesheet file defined for rich:dataTable manually for a JSF page without rich:dataTable element?

thanks

-jason

[ilya_shaikovsky]

check the example at
http://livedemo.exadel.com/richfaces-demo/richfaces/style.jsf?c=loadStyle

[jieshengz]

I am aware of the loadStyle tag. But I do not know what value I should fill for the src attribute to have css class such as dr-rich-table-cell and dr-rich-table-row available for my page.

This class is available automatically if rich:datatable is used in the page.

Thanks

-jason

[nbelaevski]

Please try to do the following:

1. Download source archive
2. Navigate into org\richfaces\renderkit\html\css package and find the required class name in XCSS files located there
3. Add

<a4j:loadScript src="resource:///org/richfaces/renderkit/html/css/ filename.xcss" />

[nbelaevski]

Please excuse me, should be:

<a4j:loadSyle src="resource:///org/richfaces/renderkit/html/css/filename.xcss" />