Data Filter on a right aligned column – want to left align just the filter cell

The filter in the price column has a very cramped area to enter data

Try filtering prices greater than £100 and you can see why it may look a lot better if the filter itself was left aligned, whilst still leaving the rest of the column right aligned.

Or, maybe just give the user more space to enter the filter criteria.

 

Hi Socrates,

For this particular styling customization, you should set float:left; on the .igg_Office2007BlueFilterButton class found on the ig_dataGrid.css file

If you wanted to avoid modifying the Infragistics styles, you could create your own css class and set it to the FilterButtonCssClass off of the Filtering behavior.

Feel free to follow up with any further questions about this.

Hi Aaron,

I tried both methds and am pleased to say that they both work.

I usually don't like to modify infragistics styles so this is what I did in the .aspx file:

                                <ig:Filtering FilterButtonCssClass="LeftFilter">
                                </ig:Filtering>

and in my own style sheet:

 .LeftFilter{
    float:left;
 background-color:Transparent;
 border-style:solid;
 border-width:0px;
 height: 18px;
 }

Awesome, thanks for sharing!

Hello Socrates, Thank you for sharing the sample. It looks like, this issue is caused due to the CssClass property applied to Price column under 'BoundDataField' and 'Header' element. Please update or remove the CssClass as shown below in order to get this working.

Hope this helps. Please let me know if you have any questions.

Sincerely,

Swetha

<

 

 

 

ig:BoundDataField DataFieldName="ProductPrice" Key="ProductPrice" DataFormatString="{0:c}" Hidden="False">

<Header Text="Price" />

</ig:BoundDataField>

Hello Swetha,

Yes, of course, removing the cssclass (from the ProductPrice data field) does indeed move the filter to the left and permit sufficient room for filter data to be entered.

However, this completely misses the point!!!

It is NORMAL practice to right align currency columns. So let us return to doing what is right.

The Price Column needs to be right aligned, but we either need to left align the filter cell or find a way of permitting a larger sized input area for the filter data.