Telerik Forums / UI for ASP.NET AJAX
This is a migrated thread and some comments may be shown as answers.

Make zebra background color in Edit mode

1 Answer 102 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Andy
Top achievements
Rank 1
Andy asked on 05 Oct 2010, 06:22 PM
Hi all!

I already have a RadGrid which in Edit Mode.
And it's using My Custom Skin which based on the Telerik Skin.
I would like to make the background as zebra as in the normal mode.
Any ways to do that?

Thanks!

Andy.

My Custum SKin Code:
/*GridSkin RadGrid GridSkin Skin*/
 
/*global*/
 
.RadGrid_GridSkin
{
    border:1px solid #828282;
    background:#fff;
    color:#000;
    font-size:11px;
    font-family:Arial;
}
 
.RadGrid_GridSkin,
.RadGrid_GridSkin .rgMasterTable,
.RadGrid_GridSkin .rgDetailTable,
.RadGrid_GridSkin .rgGroupPanel table,
.RadGrid_GridSkin .rgCommandRow table,
.RadGrid_GridSkin .rgEditForm table,
.RadGrid_GridSkin .rgPager table,
.GridToolTip_GridSkin
{
    font:11px/11px arial;
}
 
.RadGrid_GridSkin .rgAdd,
.RadGrid_GridSkin .rgRefresh,
.RadGrid_GridSkin .rgEdit,
.RadGrid_GridSkin .rgDel,
.RadGrid_GridSkin .rgFilter,
.RadGrid_GridSkin .rgPagePrev,
.RadGrid_GridSkin .rgPageNext,
.RadGrid_GridSkin .rgPageFirst,
.RadGrid_GridSkin .rgPageLast,
.RadGrid_GridSkin .rgExpand,
.RadGrid_GridSkin .rgCollapse,
.RadGrid_GridSkin .rgSortAsc,
.RadGrid_GridSkin .rgSortDesc,
.RadGrid_GridSkin .rgUpdate,
.RadGrid_GridSkin .rgCancel,
.RadGrid_GridSkin .rgUngroup,
.RadGrid_GridSkin .rgExpXLS,
.RadGrid_GridSkin .rgExpDOC,
.RadGrid_GridSkin .rgExpPDF,
.RadGrid_GridSkin .rgExpCSV
{
    background-image:url('Grid/sprite.gif');
}
 
/*header*/
 
 
.RadGrid_GridSkin .rgHeader
{
    border-style:none none none solid;
    border-width:1px 1px 1px 1px;
    border-color:#C9C299;
}
.RadGrid_GridSkin .rgHeader a
{
     
    background:#00a14d;
    color:white;
    font-weight:bold;
    font-size:11px;
}
 
 
.RadGrid_GridSkin .rgMasterTable th
{
    font-weight:bold;
    color:white;
     background:#00a14d;
      
}
/*rows*/
 
.RadGrid_GridSkin .rgRow td,
.RadGrid_GridSkin .rgAltRow td,
 
 
 
 
.RadGrid_GridSkin .rgMasterTable th
{
    border-style:none none solid solid;
    border-width:1px 1px 1px 1px;  
}
 
.RadGrid_GridSkin .rgRow
{
    border-color:#c9c299;
     
}
.RadGrid_GridSkin .rgAltRow
{
    background:#EBEBEB;
    border-color:#c9c299;
}
 
 
.RadGrid_GridSkin .rgRow .rgSorted,
.RadGrid_GridSkin .rgAltRow .rgSorted
{
    border-color:#C9C299;
    background-color:#d7f8cc;
}
 
.RadGrid_GridSkin .rgSelectedRow .rgSorted,
.RadGrid_GridSkin .rgActiveRow .rgSorted,
.RadGrid_GridSkin .rgHoveredRow .rgSorted,
.RadGrid_GridSkin .rgEditRow .rgSorted
{
    background-color:transparent;
     
}
 
.RadGrid_GridSkin .rgRow a,
.RadGrid_GridSkin .rgAltRow a,
.RadGrid_GridSkin .rgEditRow a,
.RadGrid_GridSkin .rgFooter a,
.RadGrid_GridSkin .rgEditForm a
{
    color:blue; /* Delete & Edit Color */
}
 
.RadGrid_GridSkin .rgSelectedRow
{
    background:#DCFC5C;
     
}
*+html .RadGrid_GridSkin .rgSelectedRow .rgSorted{background-color:#63ac38}
* html .RadGrid_GridSkin .rgSelectedRow .rgSorted{background-color:#63ac38}
 
.RadGrid_GridSkin .rgActiveRow,
.RadGrid_GridSkin .rgHoveredRow
{
    background:#a2ea8b;
    /* background:#DCFC5C;*/
}
*+html .RadGrid_GridSkin .rgActiveRow .rgSorted,
*+html .RadGrid_GridSkin .rgHoveredRow .rgSorted{background-color:#a2ea8b}
* html .RadGrid_GridSkin .rgActiveRow .rgSorted,
* html .RadGrid_GridSkin .rgHoveredRow .rgSorted{background-color:#a2ea8b}
 
.RadGrid_GridSkin .rgEditRow
{
    background:#fff 0 -4900px repeat-x url('Grid/sprite.gif');
}
*+html .RadGrid_GridSkin .rgEditRow .rgSorted{background-color:red}
* html .RadGrid_GridSkin .rgEditRow .rgSorted{background-color:red}
 
.RadGrid_GridSkin .rgActiveRow td,
.RadGrid_GridSkin .rgActiveRow td.rgSorted,
.RadGrid_GridSkin .rgHoveredRow td
.RadGrid_GridSkin .rgHoveredRow td.rgSorted
{
    border-bottom-color:#28a800;
}
 
.RadGrid_GridSkin .rgSelectedRow td,
.RadGrid_GridSkin .rgSelectedRow td.rgSorted
{
    border-bottom-color:#C9C299;
}
 
.RadGrid_GridSkin .rgEditRow td
{
     
    background:#DCFC5C;
    border-style:none none solid solid;
    border-width:1px 1px 1px 1px;
    border-color:#C9C299;
}
 
.RadGrid_GridSkin .rgNoRecords
{
    border:solid;
    border-width:10px 10px 10px 10px;
    border-color:red;
}
 
 
.RadGrid_GridSkin .rgEditRow td.rgSorted
{
    border-bottom-color:#333;
}
 
.RadGrid_GridSkin .rgDrag
{
    background-image:url('Grid/rgDrag.gif');
}
 
/*footer*/
 
.RadGrid_GridSkin .rgFooterDiv,
.RadGrid_GridSkin .rgFooter
{
    background:#eee;
}
 
.RadGrid_GridSkin .rgFooter td
{
    border-color: #C9C299;
}
 
/*status*/
 
.RadGrid_GridSkin .rgStatus
{
     
}
 
.RadGrid_GridSkin .rgStatus div
{
    background-image:url('Common/loading_small.gif');
}
 
/*pager*/
 
.RadGrid_GridSkin .rgPager
{
    background:#fff;
     
}
 
.RadGrid_GridSkin td.rgPagerCell
{
    /*
    border:1px solid;
    border-color:#828282 #eee #eee;
    border-right:0;
    */
    font-size:15px;
}
 
.RadGrid_GridSkin .rgInfoPart
{
    color:#8a8a8a;
}
 
.RadGrid_GridSkin .rgInfoPart strong
{
    color:#4c4e54;
}
 
.RadGrid_GridSkin .rgPageFirst
{
    background-position:0 -550px;
}
.RadGrid_GridSkin .rgPageFirst:hover
{
    background-position:0 -600px;
}
.RadGrid_GridSkin .rgPagePrev
{
    background-position:0 -700px;
}
.RadGrid_GridSkin .rgPagePrev:hover
{
    background-position:0 -750px;
}
.RadGrid_GridSkin .rgPageNext
{
    background-position:0 -850px;
}
.RadGrid_GridSkin .rgPageNext:hover
{
    background-position:0 -900px;
}
.RadGrid_GridSkin .rgPageLast
{
    background-position:0 -1000px;
}
.RadGrid_GridSkin .rgPageLast:hover
{
    background-position:0 -1050px;
}
 
.RadGrid_GridSkin .rgPager .rgPagerButton
{
    border-color:#d0d0d0 #aeaeae #8b8b8b;
    background:#eee repeat-x 0 -1550px url('Grid/sprite.gif');
    color:#000;
    font:10px/10px "segoe ui",arial,sans-serif;
}
 
.RadGrid_GridSkin .rgNumPart a:hover,
.RadGrid_GridSkin .rgNumPart a:hover span,
.RadGrid_GridSkin .rgNumPart a.rgCurrentPage,
.RadGrid_GridSkin .rgNumPart a.rgCurrentPage span
{
    background:no-repeat url('Grid/sprite.gif');
}
 
.RadGrid_GridSkin .rgNumPart a
{
    color:#000;
}
 
.RadGrid_GridSkin .rgNumPart a:hover
{
    background-position:100% -1250px;
}
 
.RadGrid_GridSkin .rgNumPart a:hover span
{
    background-position:0 -1150px;
}
 
.RadGrid_GridSkin .rgNumPart a.rgCurrentPage,
.RadGrid_GridSkin .rgNumPart a.rgCurrentPage:hover
{
    background-position:100% -1450px;
}
 
.RadGrid_GridSkin .rgNumPart a.rgCurrentPage span,
.RadGrid_GridSkin .rgNumPart a.rgCurrentPage:hover span
{
    background-position:0 -1350px;
}
 
/*sorting, reordering*/
 
.RadGrid_GridSkin .rgHeader .rgSortAsc
{
    background-position:3px -248px;
    height:10px;
}
 
.RadGrid_GridSkin .rgHeader .rgSortDesc
{
    background-position:3px -198px;
    height:10px;
}
 
.GridReorderTop_GridSkin,
.GridReorderBottom_GridSkin
{
    background:0 0 no-repeat url('Grid/sprite.gif');
}
 
.GridReorderBottom_GridSkin
{
    background-position:0 -50px;
}
 
/*filtering*/
 
.RadGrid_GridSkin .rgFilterRow
{
    background:#FFE0C0;
}
 
.RadGrid_GridSkin .rgFilterRow td
{
     
    border-style:none none solid solid;
    border-width:1px 1px 1px 1px;
    border-color:#C9C299;
     
}
 
.RadGrid_GridSkin .rgFilter
{
    background-position:0 -300px;
}
 
.RadGrid_GridSkin .rgFilter:hover
{
    background-position:0 -350px;
}
 
.RadGrid_GridSkin .rgFilterActive,
.RadGrid_GridSkin .rgFilterActive:hover
{
    background-position:0 -400px;
}
 
.RadGrid_GridSkin .rgFilterBox
{
    /* border-color:#8e8e8e #c9c9c9 #c9c9c9 #8e8e8e; */
    font:11px "segoe ui",arial,sans-serif;
    color:#333;
    border-color:#7F9DB9;
}
 
/*filter context menu*/
 
.RadMenu_GridSkin .rgHCMClear,
.RadMenu_GridSkin .rgHCMFilter
{
    /*border-color:#ccc #999 #a8a8a8;*/
    background:#eee center -23px repeat-x url('FormDecorator/ButtonSprites.png');
    color:#000;
    font-family:"segoe ui",arial,sans-serif;
}
 
.RadMenu_GridSkin .rgHCMClear:hover,
.RadMenu_GridSkin .rgHCMFilter:hover
{
    /*border-color:#2ebf00 #2bb500 #28a800;*/
    background-position:center -67px;
    background-color:#a2ea8b;
}
 
/*grouping*/
 
.RadGrid_GridSkin .rgGroupPanel
{
    border:0;
    border-bottom:1px solid #828282;
    background:#eee 0 -1900px repeat-x url('Grid/sprite.gif');
}
 
.RadGrid_GridSkin .rgGroupPanel td
{
    border:0;
    padding:3px 4px;
}
 
.RadGrid_GridSkin .rgGroupPanel td td
{
    padding:0;
}
 
.RadGrid_GridSkin .rgGroupPanel .rgSortAsc
{
    background-position:4px -143px;
}
 
.RadGrid_GridSkin .rgGroupPanel .rgSortDesc
{
    background-position:4px -93px;
}
 
.RadGrid_GridSkin .rgUngroup
{
    background-position:0 -7498px;
}
 
.RadGrid_GridSkin .rgGroupItem
{
    border:1px solid;
    border-color:red;
}
 
.RadGrid_GridSkin .rgMasterTable td.rgGroupCol,
.RadGrid_GridSkin .rgMasterTable td.rgExpandCol
{
    border-color:#d2f8c5;
    background:#d2f8c5 none;
}
 
.RadGrid_GridSkin .rgGroupHeader,
.RadGrid_GridSkin .rgGroupHeader td.rgGroupCol
{
    background:#d2f8c5 0 -7000px repeat-x url('Grid/sprite.gif');
}
 
.RadGrid_GridSkin .rgGroupHeader
{
    font-size:1.1em;
    line-height:21px;
}
 
.RadGrid_GridSkin .rgGroupHeader td
{
    border-bottom:1px solid #98ec7d;
    font-weight: bold;
}
 
.RadGrid_GridSkin .rgExpand
{
    background-position:5px -496px;
}
 
.RadGrid_GridSkin .rgCollapse
{
    background-position:3px -444px;
}
 
 
 
/*editing*/
 
.RadGrid_GridSkin .rgEditForm
{
    border-bottom:1px solid red;
     
}
 
.RadGrid_GridSkin .rgUpdate
{
    background-position:0 -1800px;
     
}
 
.RadGrid_GridSkin .rgCancel
{
    background-position:0 -1850px;
     
}
 
/*hierarchy*/
 
.RadGrid_GridSkin .rgDetailTable
{
    border-color:#828282;
     
}
 
/*command row*/
 
.RadGrid_GridSkin .rgCommandRow
{
    background:#fff;
    color:White;
}
 
.RadGrid_GridSkin .rgCommandCell
{
    border:0;
    padding:0;
    color:Red;
}
 
.RadGrid_GridSkin thead .rgCommandCell
{
    border-bottom:1px solid #8b8b8b;
}
 
.RadGrid_GridSkin tfoot .rgCommandCell,
.RadGrid_GridSkin .rgMasterTable>tbody>tr.rgCommandRow .rgCommandCell
{
    border-top:1px solid #a1a1a1;
}
 
.RadGrid_GridSkin .rgCommandTable td
{
    border:0;
    padding:2px 7px;
    color:White;
}
 
.RadGrid_GridSkin .rgCommandTable
{
    border:1px solid;
    border-color:#f5f5f5 #e4e4e4 #d5d5d5;
}
 
.RadGrid_GridSkin .rgCommandRow a
{
    color:blue; /* "Add new", "Edit", "Delete" Color */
    text-decoration:underline;
    font-size:x-small;
}
 
.RadGrid_GridSkin .rgAdd
{
    margin-right:3px;
    background-position:0 -1650px;
     
}
 
.RadGrid_GridSkin .rgRefresh
{
    margin-right:3px;
    background-position:0 -1600px;
     
}
 
.RadGrid_GridSkin .rgEdit
{
    background-position:0 -1700px;
}
 
.RadGrid_GridSkin .rgDel
{
    background-position:0 -1750px;
}
 
.RadGrid_GridSkin .rgExpXLS,
.RadGrid_GridSkin .rgExpDOC,
.RadGrid_GridSkin .rgExpPDF,
.RadGrid_GridSkin .rgExpCSV
{
    background-image:url('../Common/Grid/export.gif');
}
 
.RadGrid_GridSkin .rgExpXLS
{
    background-position:0 0;
}
.RadGrid_GridSkin .rgExpDOC
{
    background-position:0 -50px;
}
.RadGrid_GridSkin .rgExpPDF
{
    background-position:0 -100px;
}
.RadGrid_GridSkin .rgExpCSV
{
    background-position:0 -150px;
}
 
/*multirow select*/
 
.GridRowSelector_GridSkin
{
    background:#155800;
}
 
/*row drag n drop*/
 
.GridItemDropIndicator_GridSkin
{
    border-top:1px dashed #155800;
}
 
/*tooltip*/
 
.GridToolTip_GridSkin
{
    border:1px solid #828282;
    padding:3px;
    background:#fff;
    color:#000;
}
 
/*rtl*/
 
.RadGridRTL_GridSkin .rgPageFirst
{
    background-position:0 -1000px;
}
.RadGridRTL_GridSkin .rgPageFirst:hover
{
    background-position:0 -1050px;
}
.RadGridRTL_GridSkin .rgPagePrev
{
    background-position:0 -850px;
}
.RadGridRTL_GridSkin .rgPagePrev:hover
{
    background-position:0 -900px;
}
.RadGridRTL_GridSkin .rgPageNext
{
    background-position:0 -700px;
}
.RadGridRTL_GridSkin .rgPageNext:hover
{
    background-position:0 -750px;
}
.RadGridRTL_GridSkin .rgPageLast
{
    background-position:0 -550px;
}
.RadGridRTL_GridSkin .rgPageLast:hover
{
    background-position:0 -600px;
}
 
/* ------------------------------------------------------------*/
/* <RadMenu / GridSkin> */
 
.RadMenu_GridSkin .rmRootGroup,
.RadMenu_GridSkin a.rmLink,
.RadMenu_GridSkin .rmGroup .rmText,
.RadMenu_GridSkin .rmLeftArrow,
.RadMenu_GridSkin .rmRightArrow,
.RadMenu_GridSkin .rmTopArrow,
.RadMenu_GridSkin .rmBottomArrow
{
    background-image: url('Menu/rmSprite.png');
    background-color: transparent;
}
 
.RadMenu_GridSkin .rmRootGroup
{
    border: 1px solid #828282;
    background-repeat: repeat-x;
    background-position: 0 -408px;
    background-color: #e6e6e6;
}
 
/* <Root items> */
 
.RadMenu_GridSkin,
.RadMenu_GridSkin a.rmLink
{
    font: normal 11px/23px "Segoe UI", Arial, sans-serif;
    color: #000; /* Menu Filter text color*/
    text-decoration: none;
}
 
.RadMenu_GridSkin a.rmLink,
.RadMenu_GridSkin a.rmDisabled,
.RadMenu_GridSkin a.rmDisabled:hover
{
    background-position: 0 -72px;
}
 
.RadMenu_GridSkin .rmFirst a.rmLink,
.RadMenu_GridSkin .rmFirst a.rmLink:hover,
.RadMenu_GridSkin .rmLast .rmText,
.RadMenu_GridSkin .rmLast a.rmLink:hover .rmText,
.RadMenu_GridSkin .rmVertical a.rmLink,
.RadMenu_GridSkin .rmVertical .rmText
{
    background-repeat: no-repeat;
    background-position: 0 500px;
}
 
.RadMenu_GridSkin .rmVertical .rmFirst,
.RadMenu_GridSkin .rmVertical .rmLast
{
    background: none;
}
 
.RadMenu_GridSkin a.rmLink:hover,
.RadMenu_GridSkin a.rmFocused,
.RadMenu_GridSkin a.rmSelected
{
    background-color: #fff;
}
 
.RadMenu_GridSkin .rmHorizontal .rmRootLink span.rmText
{
    display: inline;
    padding-left: 7px;
}
 
.RadMenu_GridSkin .rmHorizontal a.rmRootLink
{
 
    padding-left: 0;
}
 
.RadMenu_GridSkin .rmHorizontal .rmItem > a.rmRootLink /* IE6 doesn't like width: 100% on its items. */
{
    width: 100%;
}
 
.RadMenu_GridSkin .rmHorizontal img.rmLeftImage
{
    margin: 4px -4px 0 6px;
}
 
.RadMenu_GridSkin_rtl .rmHorizontal img.rmLeftImage
{
    margin: 4px 6px 0 -4px;
}
 
.RadMenu_GridSkin .rmVertical a.rmLink
{
    padding-top: 1px;
    padding-bottom: 1px;
}
 
.RadMenu_GridSkin .rmVertical a.rmLink:hover,
.RadMenu_GridSkin .rmVertical a.rmFocused,
.RadMenu_GridSkin .rmVertical a.rmSelected,
.RadMenu_GridSkin .rmVertical a.rmExpanded,
.RadMenu_GridSkin .rmVertical a.rmExpanded:hover
{
    padding-top: 0;
    padding-bottom: 0;
    border-style: solid;
    border-color: #828282;
    border-width: 1px 0;
}
 
.RadMenu_GridSkin .rmVertical .rmFirst a.rmLink:hover,
.RadMenu_GridSkin .rmVertical .rmFirst a.rmFocused,
.RadMenu_GridSkin .rmVertical .rmFirst a.rmSelected,
.RadMenu_GridSkin .rmVertical .rmFirst a.rmExpanded,
.RadMenu_GridSkin .rmVertical .rmFirst a.rmExpanded:hover
{
    padding-top: 1px;
    padding-bottom: 0;
    border-top-width: 0;
}
 
.RadMenu_GridSkin .rmVertical .rmLast a.rmLink:hover,
.RadMenu_GridSkin .rmVertical .rmLast a.rmFocused,
.RadMenu_GridSkin .rmVertical .rmLast a.rmSelected,
.RadMenu_GridSkin .rmVertical .rmLast a.rmExpanded,
.RadMenu_GridSkin .rmVertical .rmLast a.rmExpanded:hover
{
    padding-bottom: 1px;
    padding-top: 0;
    border-bottom-width: 0;
}
 
.RadMenu_GridSkin .rmVertical .rmItem a.rmDisabled:hover
{
    padding-top: 1px;
    padding-bottom: 1px;
    border-width: 0;
}
 
.RadMenu_GridSkin a.rmExpanded,
.RadMenu_GridSkin a.rmExpanded:hover
{
    background-color: #fff;
}
 
.RadMenu_GridSkin a.rmDisabled,
.RadMenu_GridSkin a.rmDisabled:hover
{
    color: #7d7d7d;
    background-color: transparent;
}
 
/* </Root items> */
 
 
/* <Submenu items> */
 
.RadMenu_GridSkin .rmGroup,
.RadMenu_GridSkin .rmMultiColumn,
.RadMenu_GridSkin .rmGroup .rmVertical
{
    border: 1px solid #979797;
    background: #fff url('Menu/rmVSprite.png') repeat-y 0 0;
}
 
.RadMenu_GridSkin .rmTopFix,
.RadMenu_GridSkin .rmBottomFix,
.RadMenu_GridSkin .rmRoundedCorners .rmGroup .rmItem,
.RadMenu_GridSkin .rmRoundedCorners li.rmFirstGroupColumn .rmItem,
.RadMenu_GridSkin .rmRoundedCorners .rmFirstGroupColumn li.rmFirstGroupColumn .rmItem,
.RadMenu_GridSkin .rmRoundedCorners ul.rmHorizontal .rmFirst,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmGroup .rmItem,
.RadMenu_GridSkin_Context.rmRoundedCorners ul.rmHorizontal .rmFirst
{
    background-image: url('Menu/rmVSprite.png');
    background-color: #fff;
    background-repeat: repeat-y;
}
 
* html .rmRoundedCorners_GridSkin .rmGroup .rmItem,
* html .rmRoundedCorners_GridSkin ul.rmHorizontal .rmFirst
{
    background-image: url('Menu/rmVSprite.png');
    background-color: #fff;
    background-repeat: repeat-y;
}
 
.RadMenu_GridSkin .rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_GridSkin .rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_GridSkin .rmRoundedCorners .rmGroupColumn .rmItem,
.RadMenu_GridSkin .rmRoundedCorners .rmGroupColumn .rmGroupColumn .rmItem,
.RadMenu_GridSkin .rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_GridSkin .rmRoundedCorners .rmScrollWrap .rmVertical,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmScrollWrap .rmVertical
{
    background-image: none;
}
 
* html .rmRoundedCorners_GridSkin .rmScrollWrapContainer .rmGroup,
* html .rmRoundedCorners_GridSkin .rmScrollWrap .rmItem,
* html .rmRoundedCorners_GridSkin .rmHorizontal .rmItem,
* html .rmRoundedCorners_GridSkin .rmScrollWrap .rmVertical
{
    background-image: none;
}
 
.RadMenu_GridSkin .rmRoundedCorners .rmGroupColumn
{
    background-color: #fff;
}
 
.RadMenu_GridSkin .rmBottomLeft,
.RadMenu_GridSkin .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_GridSkin_Context.rmRoundedCorners ul.rmGroup,
.RadMenu_GridSkin .rmRoundedCorners ul.rmGroup,
.RadMenu_GridSkin .rmRoundedCorners .rmMultiColumn
{
    background-image:  url('Menu/rmRoundedLeft.png');
    background-color: transparent;
    background-repeat: no-repeat;
}
 
* html .rmRoundedCorners_GridSkin .rmScrollWrapContainer,
* html .rmRoundedCorners_GridSkin .rmGroup ul.rmGroup,
* html .rmRoundedCorners_GridSkin ul.rmGroup
{
    background-image:  url('Menu/rmRoundedLeft.png');
    background-color: transparent;
    background-repeat: no-repeat;
}
 
.RadMenu_GridSkin .rmTopRight,
.RadMenu_GridSkin .rmBottomRight
{
    background-image:  url('Menu/rmRoundedRight.png');
    background-color: transparent;
    background-repeat: no-repeat;
}
 
.RadMenu_GridSkin .rmTopFix,
.RadMenu_GridSkin .rmBottomFix,
.RadMenu_GridSkin .rmRoundedCorners .rmGroup .rmFirst,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmGroup .rmFirst,
.rmRoundedCorners_GridSkin .rmGroup .rmFirst
{
    border-color: #979797;
}
 
.RadMenu_GridSkin .rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_GridSkin .rmRoundedCorners .rmScrollWrapContainer .rmBottomFix,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomFix
{
    background: #FFF;
}
 
* html .rmRoundedCorners_GridSkin .rmScrollWrapContainer .rmTopFix,
* html .rmRoundedCorners_GridSkin .rmScrollWrapContainer .rmBottomFix
{
    background: #FFF;
}
 
.RadMenu_GridSkin .rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_GridSkin .rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_GridSkin .rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_GridSkin .rmRoundedCorners .rmScrollWrapContainer .rmRightArrow,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmRightArrow
{
    background-color: #FFF;
    border: 0;
}
 
* html .rmRoundedCorners_GridSkin .rmScrollWrapContainer .rmTopArrow,
* html .rmRoundedCorners_GridSkin .rmScrollWrapContainer .rmBottomArrow,
* html .rmRoundedCorners_GridSkin .rmScrollWrapContainer .rmLeftArrow,
* html .rmRoundedCorners_GridSkin .rmScrollWrapContainer .rmRightArrow
{
    background-color: #FFF;
    border: 0;
}
 
.RadMenu_GridSkin_rtl .rmBottomLeft,
.RadMenu_GridSkin_rtl .rmRoundedCorners ul.rmGroup,
.RadMenu_GridSkin_rtl .rmRoundedCorners .rmMultiColumn,
.RadMenu_GridSkin .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_GridSkin .rmScrollWrapContainer .rmBottomLeft,
.rmRoundedCorners.RadMenu_GridSkin_Context_rtl ul.rmGroup,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmScrollWrapContainer
{
    background-image: url('Menu/rmRoundedLeft_rtl.png');
}
 
.RadMenu_GridSkin_rtl .rmTopRight,
.RadMenu_GridSkin_rtl .rmBottomRight
{
    background-image: url('Menu/rmRoundedRight_rtl.png');
}
 
.RadMenu_GridSkin_rtl li.rmTopFix,
.RadMenu_GridSkin_rtl li.rmBottomFix,
.RadMenu_GridSkin_rtl .rmRoundedCorners .rmGroup .rmItem,
.rmRoundedCorners.RadMenu_GridSkin_Context_rtl .rmGroup .rmItem
{
    background-position: 101% 0;
}
 
.RadMenu_GridSkin .rmSlide .rmScrollWrap
{
    background-image: none;
}
 
.RadMenu_GridSkin_rtl .rmGroup,
.RadMenu_GridSkin_rtl .rmMultiColumn,
.RadMenu_GridSkin_rtl .rmGroup .rmVertical
{
    background-position: 100% 0;
}
 
.RadMenu_GridSkin .rmRootGroup li.rmItem .rmGroup
{
    padding-bottom: 0;
}
 
.RadMenu_GridSkin .rmRootGroup .rmHorizontal
{
    background-image: none;
}
 
.RadMenu_GridSkin .rmScrollWrap .rmVertical
{
    border: 0;
}
 
.RadMenu_GridSkin .rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.rmRoundedCorners_GridSkin .rmScrollWrapContainer li.rmItem
{
    background: none;
}
 
.RadMenu_GridSkin .rmGroup .rmItem a.rmLink,
.RadMenu_GridSkin .rmGroup .rmItem a.rmLink:hover,
.RadMenu_GridSkin .rmGroup .rmItem a.rmFocused,
.RadMenu_GridSkin .rmGroup .rmItem a.rmSelected,
.RadMenu_GridSkin .rmGroup .rmItem a.rmExpanded
{
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
}
 
.RadMenu_GridSkin .rmGroup .rmLast a.rmLink,
.RadMenu_GridSkin .rmGroup .rmLast a.rmLink:hover,
.RadMenu_GridSkin .rmGroup .rmLast a.rmFocused,
.RadMenu_GridSkin .rmGroup .rmLast a.rmSelected,
.RadMenu_GridSkin .rmGroup .rmLast a.rmExpanded
{
    padding-bottom: 1px;
}
 
.RadMenu_GridSkin .rmGroup a.rmLink,
.RadMenu_GridSkin .rmGroup .rmText,
.RadMenu_GridSkin .rmGroup .rmItem a.rmDisabled,
.RadMenu_GridSkin .rmGroup .rmItem a.rmDisabled:hover,
.RadMenu_GridSkin .rmGroup .rmItem a.rmDisabled .rmText,
.RadMenu_GridSkin .rmGroup .rmItem a.rmDisabled:hover .rmText
{
    background-position: 0 500px;
    background-repeat: no-repeat;
    background-color: transparent;
}
 
.RadMenu_GridSkin .rmGroup a.rmLink:hover,
.RadMenu_GridSkin .rmGroup a.rmFocused,
.RadMenu_GridSkin .rmGroup a.rmSelected,
.RadMenu_GridSkin .rmGroup a.rmExpanded
{
    background-position: 0 -168px;
}
 
.RadMenu_GridSkin .rmGroup a.rmLink:hover .rmText,
.RadMenu_GridSkin .rmGroup a.rmFocused .rmText,
.RadMenu_GridSkin .rmGroup a.rmSelected .rmText,
.RadMenu_GridSkin .rmGroup a.rmExpanded .rmText
{
    background-position: 100% -192px;
}
 
/* <expand arrows> */
 
.RadMenu_GridSkin .rmGroup .rmExpandRight,
.RadMenu_GridSkin .rmGroup .rmExpandDown,
.RadMenu_GridSkin .rmGroup .rmItem a.rmDisabled .rmExpandRight,
.RadMenu_GridSkin .rmGroup .rmItem a.rmDisabled .rmExpandDown,
.RadMenu_GridSkin .rmGroup .rmItem a.rmDisabled:hover .rmExpandRight,
.RadMenu_GridSkin .rmGroup .rmItem a.rmDisabled:hover .rmExpandDown
{
    background-position: 100% -216px;
}
 
.RadMenu_GridSkin .rmGroup a.rmLink:hover .rmExpandRight,
.RadMenu_GridSkin .rmGroup a.rmFocused .rmExpandRight,
.RadMenu_GridSkin .rmGroup a.rmSelected .rmExpandRight,
.RadMenu_GridSkin .rmGroup a.rmExpanded .rmExpandRight,
.RadMenu_GridSkin .rmGroup a.rmLink:hover .rmExpandDown,
.RadMenu_GridSkin .rmGroup a.rmFocused .rmExpandDown,
.RadMenu_GridSkin .rmGroup a.rmSelected .rmExpandDown,
.RadMenu_GridSkin .rmGroup a.rmExpanded .rmExpandDown
{
    background-position: 100% -240px;
}
 
.RadMenu_GridSkin .rmGroup a.rmDisabled:hover .rmExpandRight,
.RadMenu_GridSkin .rmGroup a.rmDisabled:hover .rmExpandDown
{
    background-image: url('Menu/rmSprite.png');
    background-position: 100% -216px;
}
 
/* </expand arrows> */
 
/* <rtl> */
 
.RadMenu_GridSkin_rtl a.rmLink
{
    background-position: 100% -96px;
}
 
.RadMenu_GridSkin_rtl .rmText
{
    background-position: 0 -72px;
}
 
.RadMenu_GridSkin_rtl .rmVertical a.rmExpanded .rmText,
.RadMenu_GridSkin_rtl .rmVertical a.rmExpanded:hover .rmText
{
    background-position: 0 500px;
    background-repeat: no-repeat;
}
 
.RadMenu_GridSkin_rtl .rmGroup a.rmLink:hover,
.RadMenu_GridSkin_rtl .rmGroup a.rmFocused,
.RadMenu_GridSkin_rtl .rmGroup a.rmSelected,
.RadMenu_GridSkin_rtl .rmGroup a.rmExpanded
{
    background-position: 100% -264px;
}
 
.RadMenu_GridSkin_rtl .rmGroup a.rmLink:hover .rmText,
.RadMenu_GridSkin_rtl .rmGroup a.rmFocused .rmText,
.RadMenu_GridSkin_rtl .rmGroup a.rmSelected .rmText,
.RadMenu_GridSkin_rtl .rmGroup a.rmExpanded .rmText
{
    background-position: 0 -288px;
}
 
.RadMenu_GridSkin_rtl .rmGroup .rmExpandLeft
{
    background-position: 0 -312px;
}
 
.RadMenu_GridSkin_rtl .rmGroup a.rmLink:hover .rmExpandLeft,
.RadMenu_GridSkin_rtl .rmGroup a.rmFocused .rmExpandLeft,
.RadMenu_GridSkin_rtl .rmGroup a.rmSelected .rmExpandLeft,
.RadMenu_GridSkin_rtl .rmGroup a.rmExpanded .rmExpandLeft
{
    background-position: 0 -336px;
}
 
/* </rtl> */
 
/* </Submenu items> */
 
/* <Submenu offsets (GridSkin - specific, overlapping submenus)> */
 
.RadMenu_GridSkin .rmSlide
{
    margin: 0 0 0 -1px;
}
 
.RadMenu_GridSkin .rmVertical .rmSlide,
.RadMenu_GridSkin .rmSlide .rmSlide,
.RadMenu_GridSkin_Context .rmGroup .rmSlide
{
    margin: 0 0 0 -5px;
}
 
.RadMenu_GridSkin_rtl .rmSlide
{
    margin: 0 0 0 0;
}
 
.RadMenu_GridSkin_rtl .rmFirst .rmSlide
{
    margin-left: 1px;
}
 
.RadMenu_GridSkin_rtl .rmVertical .rmSlide,
.RadMenu_GridSkin_rtl .rmSlide .rmSlide,
.RadMenu_GridSkin_Context_rtl .rmGroup .rmSlide
{
    margin: 0 0 0 5px;
}
 
/* </Submenu offsets> */
 
/* <Scrolling arrows> */
 
.RadMenu_GridSkin .rmLeftArrow,
.RadMenu_GridSkin .rmRightArrow
{
    background-color: #E6E6E6;
}
 
.RadMenu_GridSkin .rmLeftArrow { background-position: -8px -312px; border-right: 1px solid #828282; }
.RadMenu_GridSkin .rmRightArrow { background-position: -482px -216px; border-left: 1px solid #828282; }
 
.RadMenu_GridSkin .rmTopArrow,
.RadMenu_GridSkin .rmBottomArrow,
.RadMenu_GridSkin .rmGroup .rmLeftArrow,
.RadMenu_GridSkin .rmGroup .rmRightArrow
{
    background-color: #E6E6E6;
}
 
.RadMenu_GridSkin .rmTopArrow { background-position: 50% -367px; border-bottom: 1px solid #828282; }
.RadMenu_GridSkin .rmBottomArrow { background-position: 50% -391px; border-top: 1px solid #828282; }
 
/* </Scrolling arrows> */
 
/* <Separators> */
 
.RadMenu_GridSkin .rmHorizontal .rmSeparator .rmText,
.RadMenu_GridSkin .rmVertical .rmHorizontal .rmSeparator .rmText
{
    height: 22px;
    margin: 1px 0 0;
    width: 1px;
    background-color: #A8A8A8;
}
 
.RadMenu_GridSkin_Context .rmSeparator .rmText,
.RadMenu_GridSkin .rmHorizontal .rmGroup .rmSeparator .rmText,
.RadMenu_GridSkin .rmVertical .rmHorizontal .rmGroup .rmSeparator .rmText
{
    background-color: transparent;
    background-position: 0 -406px;
}
 
/* </Separators> */
 
/* </RadMenu / GridSkin> */
 
/* -------------------------------  Drop down page size ----------- */
 
/* RadComboBox GridSkin skin */
 
/*global*/
 
.RadComboBox_GridSkin,
.RadComboBox_GridSkin .rcbInput,
.RadComboBoxDropDown_GridSkin
{
    font: 12px "Segoe UI", Arial, sans-serif;
    color: #000;
}
 
/* combobox */
 
.RadComboBox_GridSkin .rcbInputCellLeft,
.RadComboBox_GridSkin .rcbInputCellRight,
.RadComboBox_GridSkin .rcbArrowCellLeft,
.RadComboBox_GridSkin .rcbArrowCellRight
{
    background-image: url('ComboBox/rcbSprite.png');
}
 
* html .RadComboBox_GridSkin .rcbInputCellLeft,
* html .RadComboBox_GridSkin .rcbInputCellRight,
* html .RadComboBox_GridSkin .rcbArrowCellLeft,
* html .RadComboBox_GridSkin .rcbArrowCellRight
{
    background-image: url('ComboBox/rcbSpriteIE6.png');
}
 
.RadComboBox_GridSkin td.rcbInputCellLeft { background-position: 0 0; }
.RadComboBox_GridSkin td.rcbInputCellRight { background-position: 100% 0; }
 
.RadComboBox_GridSkin .rcbHovered .rcbInputCellLeft { background-position: 0 0; }
.RadComboBox_GridSkin .rcbHovered .rcbInputCellRight { background-position: 100% 0; }
 
.RadComboBox_GridSkin .rcbFocused .rcbInputCellLeft { background-position: 0 0; }
.RadComboBox_GridSkin .rcbFocused .rcbInputCellRight { background-position: 100% 0; }
 
.RadComboBox_GridSkin .rcbHovered .rcbReadOnly td.rcbInputCellLeft { background-position: 0 -22px; }
.RadComboBox_GridSkin .rcbHovered .rcbReadOnly td.rcbInputCellRight { background-position: 100% -22px; }
 
.RadComboBox_GridSkin .rcbFocused .rcbReadOnly td.rcbInputCellLeft { background-position: 0 -44px; }
.RadComboBox_GridSkin .rcbFocused .rcbReadOnly td.rcbInputCellRight { background-position: 100% -44px; }
 
.RadComboBox_GridSkin .rcbInputCell .rcbEmptyMessage
{
    color: #666;
}
 
.RadComboBox_GridSkin td.rcbArrowCellLeft { background-position: -18px -88px; }
.RadComboBox_GridSkin td.rcbArrowCellRight { background-position: 0 -88px; }
 
.RadComboBox_GridSkin .rcbHovered .rcbArrowCellLeft { background-position: -54px -88px; }
.RadComboBox_GridSkin .rcbHovered .rcbArrowCellRight { background-position: -36px -88px; }
 
.RadComboBox_GridSkin .rcbFocused .rcbArrowCellLeft { background-position: -90px -88px; }
.RadComboBox_GridSkin .rcbFocused .rcbArrowCellRight { background-position: -72px -88px; }
 
.RadComboBox_GridSkin td.rcbArrowCellHidden,
.RadComboBox_GridSkin .rcbHovered td.rcbArrowCellHidden,
.RadComboBox_GridSkin .rcbFocused td.rcbArrowCellHidden { background-position: -15px -88px; }
 
.RadComboBox_GridSkin .rcbHovered .rcbReadOnly td.rcbArrowCellHidden { background-position: -51px -88px; }
.RadComboBox_GridSkin .rcbFocused .rcbReadOnly td.rcbArrowCellHidden { background-position: -87px -88px; }
 
/* Read-only styles */
 
.RadComboBox_GridSkin .rcbReadOnly td.rcbArrowCellLeft { background-position: -18px -88px; }
.RadComboBox_GridSkin .rcbReadOnly td.rcbArrowCellRight { background-position: -2px -88px; }
 
.RadComboBox_GridSkin .rcbHovered .rcbReadOnly .rcbArrowCellLeft { background-position: -54px -88px; }
.RadComboBox_GridSkin .rcbHovered .rcbReadOnly .rcbArrowCellRight { background-position: -38px -88px; }
 
.RadComboBox_GridSkin .rcbFocused .rcbReadOnly .rcbArrowCellLeft { background-position: -90px -88px; }
.RadComboBox_GridSkin .rcbFocused .rcbReadOnly .rcbArrowCellRight { background-position: -74px -88px; }
 
.RadComboBox_GridSkin .rcbReadOnly td.rcbArrowCellHidden { background-position: -15px -88px; }
.RadComboBox_GridSkin .rcbHovered .rcbReadOnly td.rcbArrowCellHidden { background-position: -51px -88px; }
.RadComboBox_GridSkin .rcbFocused .rcbReadOnly td.rcbArrowCellHidden { background-position: -87px -88px; }
 
/* dropdown */
 
.RadComboBoxDropDown_GridSkin .rcbHeader,
.RadComboBoxDropDown_GridSkin .rcbFooter,
.RadComboBoxDropDown_GridSkin .rcbMoreResults a
{
    background-image: url('ComboBox/rcbSprite.png');
}
 
* html .RadComboBoxDropDown_GridSkin .rcbHeader,
* html .RadComboBoxDropDown_GridSkin .rcbFooter,
* html .RadComboBoxDropDown_GridSkin .rcbMoreResults a
{
    background-image: url('ComboBox/rcbSpriteIE6.png');
}
 
.RadComboBoxDropDown_GridSkin
{
    background: #fff;
    border-color: #c6c7d2;
    border-top-color: #83868d;
}
 
.RadComboBoxDropDown_GridSkin .rcbHeader,
.RadComboBoxDropDown_GridSkin .rcbFooter
{
    background-color: #f1f2f4;
    background-position: 0 -110px;
}
 
.RadComboBoxDropDown_GridSkin .rcbHeader
{
    border-bottom-color: #d5d5d5;
}
 
.RadComboBoxDropDown_GridSkin .rcbFooter
{
    border-top-color: #d5d5d5;
}
 
.RadComboBoxDropDown_GridSkin .rcbItem em
{
    background: #e5e5e5;
}
 
.RadComboBoxDropDown_GridSkin .rcbHovered
{
    background: #9ddf6c;
}
 
.RadComboBoxDropDown_GridSkin .rcbSeparator
{
    color: #000;
    background: #63ac39;
}
 
.RadComboBox_GridSkin .rcbDisabled .rcbInputCell .rcbInput,
.RadComboBoxDropDown_GridSkin .rcbDisabled
{
    color: #999;
}
 
.RadComboBox_GridSkin .rcbDisabled td.rcbInputCellLeft { background-position: 0 -66px; }
.RadComboBox_GridSkin .rcbDisabled td.rcbInputCellRight { background-position: 100% -66px; }
.RadComboBox_GridSkin .rcbDisabled td.rcbArrowCellLeft { background-position: -126px -88px; }
.RadComboBox_GridSkin .rcbDisabled td.rcbArrowCellRight { background-position: -108px -88px; }
.RadComboBox_GridSkin .rcbDisabled .rcbReadOnly td.rcbArrowCellRight { background-position: -110px -88px; }
.RadComboBox_GridSkin table.rcbDisabled td.rcbArrowCellHidden,
.RadComboBox_GridSkin .rcbDisabled .rcbReadOnly td.rcbArrowCellHidden { background-position: -123px -88px; }
 
.RadComboBoxDropDown_GridSkin .rcbLoading
{
    background: #f0f0f0;
}
 
.RadComboBoxDropDown_GridSkin .rcbMoreResults
{
    border-top-color: #c6c7d2;
    background: #fff;
}
 
.RadComboBoxDropDown_GridSkin .rcbMoreResults a
{
    background-position: -157px -94px;
}



1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 06 Oct 2010, 02:42 PM
Hello Andy,

I am not sure what exactly are you trying to do. You have several adjacent edit rows and want to apply zebra effect on them? This is not achievable with CSS only, because all edit rows have the same CSS class. You should set different background styles (or custom CSS classes) for the edit rows in ItemCreated.

All the best,
Dimo
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
Grid
Asked by
Andy
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or