CSS for Header Context menu and expand column

[Mandy]

Hi,

I have applied custom CSS for the radgrid. With the default CSS, context menus and expand buttons were looking fine. But with new color scheme (basically with black background), I am having trouble in displaying Header Context menus and expand button.
1. For Header Context menus, I am not able to provide background color for Columns submenu and Filter submenu. I have attached CSS changes I made so that background of main context menu and text for all menus is changed. But submenus for Columns and Fileter has transperant background and very difficult for user to use them.
2. For expand button, as my grid background color is black, I am not able to see Expand, collapse default icons. 

My CSS is as follows -
.rgRow td, .rgAltRow td, .rgHeader td, .rgFilterRow td

 {
border-left: solid 0px black;

border-bottom: solid 0px black;

 }
RadGrid .rgFilterBox

 {
background-color: Gray;

border-width: 1px;

border-style: solid;
margin: 0;

padding: 2px 1px 3px;
font-size: 12px;

vertical-align: middle;

}

 

.RadGrid_Black th.rgHeader

 {
background-image: none;

}

 

.GridContextMenu

{
background-color: #3e4147;
color: #00b1dc;
}
.GridContextMenu .rgHCMCols .rmLeftImage .rmRightImage

 {

background-color: White;

color: Yellow;

}

 

 

 

.RadGrid_Office2010SilverCustom .rgMasterTable td.rgExpandCol

 

{

 

background: transparent;
border-color: #fff;

 }
.RadGrid_Office2010SilverCustom .rgMasterTable .rgAltRow .rgExpandCol

 {
background: #f2f2f2 ;

color:Lime;
background-image

}

 

 

.RadGrid_Office2010SilverCustom .rgMasterTable td.rgExpandCol

 

{ 

 

background: transparent;

border-color: #fff;
}

 

 

 

.RadGrid_Office2010SilverCustom .rgMasterTable .rgAltRow .rgExpandCol

 

{

 

background: #f2f2f2 ;
color:Lime;

 }

Any help is apreciated.

Thanks

[Princy]

Hi Mandy,

Try the following CSS to change the background color for Columns submenu and Filter submenu.

CSS:

<style type="text/css">
 .RadMenu_Office2010Silver .rmGroup .rmLevel2
{
    background:yellow !important;
}
.RadMenu_Office2010Silver .rmGroup .rmLevel0
{
    background:yellow !important;
}
</style>

I couldn't replicate the second problem.

Hope this helps.

Thanks,
Princy.

[Mandy]

Thanks Princy for the prompt reply. It worked as expected !!!