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

CSS for Header Context menu and expand column

2 Answers 171 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Mandy
Top achievements
Rank 1
Mandy asked on 22 May 2012, 03:40 PM
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

2 Answers, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 2
answered on 23 May 2012, 06:56 AM
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.
0
Mandy
Top achievements
Rank 1
answered on 23 May 2012, 09:55 AM
Thanks Princy for the prompt reply. It worked as expected !!!
Tags
Grid
Asked by
Mandy
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Mandy
Top achievements
Rank 1
Share this question
or