This is a migrated thread and some comments may be shown as answers.

Change padding/margin for grid filter

3 Answers 57 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Sam
Top achievements
Rank 1
Sam asked on 28 Jun 2009, 10:10 PM

I’m trying to figure out how to reduce the padding or margin for the filter cells inside the grid. I’m using the latest Grid-Ajax release.

 

I thought that this would do it:

<FilterItemStyle CssClass="GridFilterStyle" /> 

With the CSS class:

.GridFilterStyle

{

    padding: 0px;

    margin: 0px;

}

 

But that did not do it. So I spent the last few hours reading the skins blog and how to customize the new skins, so I thought this would work:

td.rgFilterRow_WebBlue

{

    padding: 0px;

    margin: 0px;

}

 

or

tr.rgFilterRow_WebBlue

{

    padding: 0px;

    margin: 0px;

}

 

But that did not do it. Help please.
thanks,
-sam

3 Answers, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 1
answered on 29 Jun 2009, 01:35 PM
Hello Sam,

You can try out the following css code to remove padding in filter cells:
     .rgFilterRow td 
    { 
      padding-left:0px !important; 
    } 

Thanks
Princy
0
Sam
Top achievements
Rank 1
answered on 29 Jun 2009, 04:10 PM
That worked, thank you. But now I also expected this to work:

.RadGrid

 

div

 

{

 

font-size: xx-small !important;

 

 

background-color: #FFFF00 !important;

 

}

The background worked, but the font did not change. It seems that the TRs and TDs did not inherit the DIV characteristics. Is there an element that i can control that would effect the font in all the rows and titles?   

0
Sam
Top achievements
Rank 1
answered on 29 Jun 2009, 04:23 PM
okay, this did thew job:

.rgMasterTable

 

 

{

 

font-size: .85em !important;

 

}

Tags
Grid
Asked by
Sam
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 1
Sam
Top achievements
Rank 1
Share this question
or