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

Overriding rgMasterTable CSS on ExpandCollpase column

2 Answers 33 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Amanda
Top achievements
Rank 1
Amanda asked on 19 Jul 2013, 09:38 PM
We're in the process of customizing how RadGrid looks on our grids, and the problem I'm coming across is that for looks, we've set padding to 10px on the rgMasterTable td, but I need less padding on the Expand/Collapse column because I'm needing to shrink the size of that column to 15-20px.  With 10 of that being padding, you can barely see the image.

However, if I take off the !important off the rgMasterTable padding, the Telerik Standard padding then takes precedence, so that's not an answer I can use.  Anyone have a suggestion?

The CSS I'm referring too:
.rgMasterTable td   { padding: 10px !important; }

And what I've tried:
.rgExpandCol { padding: 2px !important; }

2 Answers, 1 is accepted

Sort by
0
Accepted
Jayesh Goyani
Top achievements
Rank 2
answered on 22 Jul 2013, 05:40 AM
Hello,

Please check attached screenshot for more information.

Please also search "CSS Loadin sequence" or "CSS applied sequence" for more information.

Thanks,
Jayesh Goyani
0
Amanda
Top achievements
Rank 1
answered on 22 Jul 2013, 02:24 PM
Jayesh, thanks for the reply!

I have both stylings declared in the external CSS file, so it wasn't a matter of inline/external.  Thanks for suggesting searching for CSS applied sequence, as that let me to this page: http://www.telerik.com/help/aspnet-ajax/menu-custom-css-does-not-apply.html

Which lead me to changing my CSS like this!  Basically, just had to make the definition more concrete.

.rgMasterTable .rgExpandCol
{
    padding: 2px !important;
}
Tags
Grid
Asked by
Amanda
Top achievements
Rank 1
Answers by
Jayesh Goyani
Top achievements
Rank 2
Amanda
Top achievements
Rank 1
Share this question
or