rich:column filter style, not class

[dmitri.ilyin]

Hi,

I have a rich:dataTable. In each column i have a filter, turned on with filterBy attribute, so i have no "hand coded" input tags. Each column has it's own width. I would like to set the width for each filter input tag or make it dependent on the column width, but can not find how. THere is a style class rich-filter-input, but it applys on all filter fields, so they all get the same width. I would need something like filterStyle attribute for rich:column component and set each filter input width.

What are the solutions for such a problem? Has someone any ideas?

thanks
regards
Dmitri

[dmitri.ilyin]

nobody?

i would like to try to create a new UI component inherited from rich:column.
The only new feature is filterStyle attribute. And i will post a feature request to Jira.

regards
Dmitri

[nbelaevski]

Hi,

You can apply column classes and implement CSS basing on them.

[dmitri.ilyin]

how can i do that?

if i use columnClasses the css classes are applied to tables td elements.
If i use headerClass they are applied to th elements. but how can i put style or css class to element presents a input for filter in a particular column (td)??

and ones more: to define a style is simpler as define a class.

[nbelaevski]

How about

.headerClass .rich-filter-input

?

[dmitri.ilyin]

i have tried them.
.headerClass is apllied to th.

.rich-filter-input is appled to EACH input tag, so if i define width it is applied to EACH filter and they have then the same width. I want that each filter has it's own width.

[nbelaevski]

Check this please:

<style type="text/css">
 .classA .rich-filter-input {
 width: 40px;
 }
 .classB .rich-filter-input {
 width: 120px;
 }
 </style>

 <rich:dataTable id="table" value="#{forum5Bean.lotOfData}" var="item">
 <rich:column sortBy="#{item}" filterBy="#{item}" headerClass="classA">
 <f:facet name="header">
 Header
 </f:facet>

 #{item} - #{forum5Bean.time}
 </rich:column>
 <rich:column sortBy="#{item}" filterBy="#{item}" headerClass="classB">
 <f:facet name="header">
 Header
 </f:facet>

 #{item} - #{forum5Bean.time}
 </rich:column>
 </rich:dataTable>

[dmitri.ilyin]

yes! it does what i need. Thanks a lot Nick!

I'm steel don't understand HOW, but it does. I have to study css may be.

I steel think using of css style instead of css class would make things simpler in such a case.

[nbelaevski]

Just common CSS selector :)

Yes, we are going to add style attributes in the future.