rich:dataTable filter textfield width

[Db Riekhof]

Hi,

Seems like a simple problem but it has me stumped. How do you set the width of the default filter textfield that appears in the header row? The filter textfield is taking up too much horizontal space in a few columns. We're using richfaces 3.2.2.CR4.

I'm using the default filtering like this:

           <rich:dataTable id="myId" value="#{ui$query$CurrentQueries.failedCurrentQueries}" var="currentRow">

                <!-- QUERY ID -->
                <rich:column filterBy="#{currentRow.queryId}" filterEvent="onkeyup" sortBy="#{currentRow.queryId}" >
                    <f:facet name="header">
                        <h:outputText value="Query ID"/>
                    </f:facet>
                    <f:attribute name="id" value="q_#{currentRow.queryId}"/>
                    <f:attribute name="name" value="q_#{currentRow.queryId}"/>
                    <h:outputText  value="#{currentRow.queryId}" rendered="#{!currentRow.theCurrentQuery}"/>
                </rich:column>
</snip>

[Db Riekhof]

Spoke to a co-worker a little more adept at CSS than me, he showed me how to look up the textfield's style class using Firefox's Firebug Inspect Element. The fix was to add this to our .css:

.rich-filter-input {
width: 100%;
}


I think it was set to auto by default. 100% works a little better for our needs.