Edit Filtering Item

[Jako]

Hi there
I created a custom skin for my RadGrid, but the Filter Items are not displaying correctly, they are too big.

I have tried setting almost every available option of the rgFilterRow height, I have set the FilterItemStyle and even created a code behind section

GridFilteringItem filteringItem = e.Item as GridFilteringItem;
            //set dimensions for the filter textbox
            filteringItem["Date"].Width = Unit.Pixel(120);
            TextBox box = filteringItem["Status"].Controls[0] as TextBox;
            box.Height = Unit.Pixel(22);

All the other CSS works fine, but I can't get this to work and its driving me crazy :)

Here is a section of the css

.RadGrid_CustomGrid .rgFilterRow
{
    background:#eee;
    height:22px;
}

.RadGrid_CustomGrid .rgFilterRow input
{
    height:22px;
}

.RadGrid_CustomGrid .rgFilterRow td
{
    border-bottom:1px solid #828282;
    height:22px;
}

.RadGrid_CustomGrid .rgFilter
{
    background-position:0 -300px;
    height:22px;
}

.RadGrid_CustomGrid .rgFilter:hover
{
    background-position:0 -350px;
}

.RadGrid_CustomGrid .rgFilterActive,
.RadGrid_CustomGrid .rgFilterActive:hover
{
    background-position:0 -400px;
}

.RadGrid_CustomGrid .rgFilterBox
{
    border-color:#8e8e8e #c9c9c9 #c9c9c9 #8e8e8e;
    font-family:Arial, Helvetica, sans-serif;
    color:#333;
}

[Jako]

Hi

For some reason it was the code behind that broke it all.

Looking 100% now.