8 Replies Latest reply on Jun 9, 2009 11:24 AM by nbelaevski

rich:column filter style, not class

dmitri.ilyin Jun 8, 2009 10:20 AM

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

1. Re: rich:column filter style, not class

dmitri.ilyin Jun 9, 2009 3:22 AM (in response to 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
Actions
2. Re: rich:column filter style, not class

nbelaevski Jun 9, 2009 5:26 AM (in response to dmitri.ilyin)

Hi,

You can apply column classes and implement CSS basing on them.
Actions
3. Re: rich:column filter style, not class

dmitri.ilyin Jun 9, 2009 6:02 AM (in response to 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.
Actions
4. Re: rich:column filter style, not class

nbelaevski Jun 9, 2009 6:58 AM (in response to dmitri.ilyin)
How about
.headerClass .rich-filter-input
?
Actions
5. Re: rich:column filter style, not class

dmitri.ilyin Jun 9, 2009 7:01 AM (in response to 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.
Actions

6. Re: rich:column filter style, not class

nbelaevski Jun 9, 2009 7:52 AM (in response to dmitri.ilyin)

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>

7. Re: rich:column filter style, not class

dmitri.ilyin Jun 9, 2009 10:23 AM (in response to 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.
Actions
8. Re: rich:column filter style, not class

nbelaevski Jun 9, 2009 11:24 AM (in response to dmitri.ilyin)

Just common CSS selector :)

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

Go to original post