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

radgrid custom skin, expand/collapse arrows missing

1 Answer 104 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Philip
Top achievements
Rank 1
Philip asked on 28 Feb 2011, 11:46 PM
Can someone please tell me where the expansion/collapse images for a nested grid need to be placed. I can not get the images to show when I am using a custom skin. I have copied the Forest Grid and Menu and have the css working, the Icons just will not display.
I also seem to of have lost my indentation on my sub grid.


Or even better yet, if someone can just tell me how to change the font color on the Forest skin, I wouldnt have to do all of this.


/*Telerik RadGrid Forest Skin*/

/*global*/

.RadGrid_MyCustomSkin
{
    border: 1px solid #3c4c30;
    background: #d1deb6;
    color: #2b2c20;
}

.RadGrid_MyCustomSkin,
.RadGrid_MyCustomSkin .rgMasterTable,
.RadGrid_MyCustomSkin .rgDetailTable,
.RadGrid_MyCustomSkin .rgGroupPanel table,
.RadGrid_MyCustomSkin .rgCommandRow table,
.RadGrid_MyCustomSkin .rgEditForm table,
.RadGrid_MyCustomSkin .rgPager table,
.GridToolTip_MyCustomSkin
{
    font:12px/16px "segoe ui",arial,sans-serif;
   
}


.RadGrid_MyCustomSkin .rgAdd,
.RadGrid_MyCustomSkin .rgRefresh,
.RadGrid_MyCustomSkin .rgEdit,
.RadGrid_MyCustomSkin .rgDel,
.RadGrid_MyCustomSkin .rgFilter,
.RadGrid_MyCustomSkin .rgPagePrev,
.RadGrid_MyCustomSkin .rgPageNext,
.RadGrid_MyCustomSkin .rgPageFirst,
.RadGrid_MyCustomSkin .rgPageLast,
.RadGrid_MyCustomSkin .rgExpand,
.RadGrid_MyCustomSkin .rgCollapse,
.RadGrid_MyCustomSkin .rgSortAsc,
.RadGrid_MyCustomSkin .rgSortDesc,
.RadGrid_MyCustomSkin .rgUpdate,
.RadGrid_MyCustomSkin .rgCancel,
.RadGrid_MyCustomSkin .rgUngroup,
.RadGrid_MyCustomSkin .rgExpXLS,
.RadGrid_MyCustomSkin .rgExpDOC,
.RadGrid_MyCustomSkin .rgExpPDF,
.RadGrid_MyCustomSkin .rgExpCSV
{
    background-image:url('Grid/sprite.gif');
}

/*header*/

.RadGrid_MyCustomSkin .rgHeaderDiv
{
    background:#b2c780 0 -9050px repeat-x url('Grid/sprite.gif');
}
.rgTwoLines .rgHeaderDiv
{
    background-position:0 -8550px;
}

.RadGrid_MyCustomSkin .rgHeader,
.RadGrid_MyCustomSkin th.rgResizeCol
{
    border:0;
    border-bottom:1px solid #3c6716;
    background:#4c7822 0 -2300px repeat-x url('Grid/sprite.gif');
}

.RadGrid_MyCustomSkin th.rgSorted
{
    background-color:#263616;
    background-position:0 -2600px;
}

.RadGrid_MyCustomSkin .rgHeader,
.RadGrid_MyCustomSkin .rgHeader a
{
    color:Black;
}

.RadGrid_MyCustomSkin th.rgSorted,
.RadGrid_MyCustomSkin th.rgSorted a
{
    color:#e7f1d7;
}

/*rows*/

.RadGrid_MyCustomSkin .rgRow td,
.RadGrid_MyCustomSkin .rgAltRow td,
.RadGrid_MyCustomSkin .rgEditRow td,
.RadGrid_MyCustomSkin .rgFooter td
{
    border-style:solid;
    border-width:0 0 1px 0;
}

.RadGrid_MyCustomSkin .rgRow td
{
    border-color:#d1deb6;
    color:Black;
}

.RadGrid_MyCustomSkin .rgAltRow
{
    background:#c7d6a7;
    
}

.RadGrid_MyCustomSkin .rgAltRow td
{
    border-color:#c7d6a7;
    color:Black;
}

.RadGrid_MyCustomSkin .rgRow .rgSorted
{
    border-bottom-color:#c6d3ad;
    background-color:#c6d3ad;
}

.RadGrid_MyCustomSkin .rgAltRow .rgSorted
{
    border-bottom-color:#bdcb9e;
    background-color:#bdcb9e;
}

.RadGrid_MyCustomSkin .rgSelectedRow .rgSorted,
.RadGrid_MyCustomSkin .rgActiveRow .rgSorted,
.RadGrid_MyCustomSkin .rgHoveredRow .rgSorted,
.RadGrid_MyCustomSkin .rgEditRow .rgSorted
{
    background-color:transparent;
}

.RadGrid_MyCustomSkin .rgRow a,
.RadGrid_MyCustomSkin .rgAltRow a,
.RadGrid_MyCustomSkin .rgEditRow a,
.RadGrid_MyCustomSkin .rgFooter a,
.RadGrid_MyCustomSkin .rgEditForm a
{
    color:#3c4c30;
}

.RadGrid_MyCustomSkin .rgSelectedRow
{
    background:#bd4401 0 -3900px repeat-x url('Grid/sprite.gif');
    color:#fff;
}
*+html .RadGrid_MyCustomSkin .rgSelectedRow .rgSorted{background-color:#bd4401}
* html .RadGrid_MyCustomSkin .rgSelectedRow .rgSorted{background-color:#bd4401}

.RadGrid_MyCustomSkin .rgSelectedRow a
{
    color:#fff;
}

.RadGrid_MyCustomSkin .rgActiveRow,
.RadGrid_MyCustomSkin .rgHoveredRow
{
    background:#d57a08 0 -2900px repeat-x url('Grid/sprite.gif');
    color:#7a1b05;
}
*+html .RadGrid_MyCustomSkin .rgActiveRow .rgSorted,
*+html .RadGrid_MyCustomSkin .rgHoveredRow .rgSorted{background-color:#d57a08}
* html .RadGrid_MyCustomSkin .rgActiveRow .rgSorted,
* html .RadGrid_MyCustomSkin .rgHoveredRow .rgSorted{background-color:#d57a08}

.RadGrid_MyCustomSkin .rgActiveRow a,
.RadGrid_MyCustomSkin .rgHoveredRow a
{
    color:#7a1b05;
}

.RadGrid_MyCustomSkin .rgEditRow
{
    background:#e7f1d7 0 -4900px repeat-x url('Grid/sprite.gif');
    color:#2b2c20;
}
*+html .RadGrid_MyCustomSkin .rgEditRow .rgSorted{background-color:#e7f1d7}
* html .RadGrid_MyCustomSkin .rgEditRow .rgSorted{background-color:#e7f1d7}

.RadGrid_MyCustomSkin .rgActiveRow td,
.RadGrid_MyCustomSkin .rgActiveRow td.rgSorted,
.RadGrid_MyCustomSkin .rgHoveredRow td,
.RadGrid_MyCustomSkin .rgHoveredRow td.rgSorted
{
    border-bottom-color:#8f610a;
}

.RadGrid_MyCustomSkin .rgSelectedRow td,
.RadGrid_MyCustomSkin .rgSelectedRow td.rgSorted
{
    border-bottom-color:#751a04;
}

.RadGrid_MyCustomSkin .rgEditRow td,
.RadGrid_MyCustomSkin .rgEditRow td.rgSorted
{
    border-bottom-color:#618740;
}

.RadGrid_MyCustomSkin .rgDrag
{
    background-image:url('Grid/rgDrag.gif');
}

/*footer*/

.RadGrid_MyCustomSkin .rgFooterDiv,
.RadGrid_MyCustomSkin .rgFooter
{
    background:#b1c67f 0 -7500px repeat-x url('Grid/sprite.gif');
}

.RadGrid_MyCustomSkin .rgFooter td
{
    border-width:0;
    border-top:1px solid #3c6716;
}

/*status*/

.RadGrid_MyCustomSkin .rgPager .rgStatus
{
    border-style:solid;
    border-width:1px 1px 0 0;
    border-color:#3c6716;
}

.RadGrid_MyCustomSkin .rgStatus div
{
    background-image:url('Common/loading_small.gif');
}

/*pager*/

.RadGrid_MyCustomSkin .rgPager
{
    background:#b2c780 0 -7999px repeat-x url('Grid/sprite.gif');
}

.RadGrid_MyCustomSkin td.rgPagerCell
{
    border-top:1px solid #3c6716;
    border-left:1px solid #b6c988;
}

.RadGrid_MyCustomSkin .rgInfoPart
{
    color:#4b4c40;
}

.RadGrid_MyCustomSkin .rgInfoPart strong
{
    color:#2b2c20;
}

.RadGrid_MyCustomSkin .rgPageFirst
{
    background-position:0 -550px;
}
.RadGrid_MyCustomSkin .rgPageFirst:hover
{
    background-position:0 -600px;
}
.RadGrid_MyCustomSkin .rgPagePrev
{
    background-position:0 -700px;
}
.RadGrid_MyCustomSkin .rgPagePrev:hover
{
    background-position:0 -750px;
}
.RadGrid_MyCustomSkin .rgPageNext
{
    background-position:0 -850px;
}
.RadGrid_MyCustomSkin .rgPageNext:hover
{
    background-position:0 -900px;
}
.RadGrid_MyCustomSkin .rgPageLast
{
    background-position:0 -1000px;
}
.RadGrid_MyCustomSkin .rgPageLast:hover
{
    background-position:0 -1050px;
}

.RadGrid_MyCustomSkin .rgPager .rgPagerButton
{
    border-color:#3c4c30;
    background:#202b15 repeat-x 0 -1550px url('Grid/sprite.gif');
    color:#e7f1d7;
    font-family:"segoe ui",arial,sans-serif;
}

.RadGrid_MyCustomSkin .rgNumPart a:hover,
.RadGrid_MyCustomSkin .rgNumPart a:hover span,
.RadGrid_MyCustomSkin .rgNumPart a.rgCurrentPage,
.RadGrid_MyCustomSkin .rgNumPart a.rgCurrentPage span
{
    background:no-repeat url('Grid/sprite.gif');
}

.RadGrid_MyCustomSkin .rgNumPart a
{
    color:#2b2c20;
}

.RadGrid_MyCustomSkin .rgNumPart a:hover
{
    background-position:100% -1250px;
    color:#7a1b05;
}

.RadGrid_MyCustomSkin .rgNumPart a:hover span
{
    background-position:0 -1150px;
}

.RadGrid_MyCustomSkin .rgNumPart a.rgCurrentPage,
.RadGrid_MyCustomSkin .rgNumPart a.rgCurrentPage:hover
{
    background-position:100% -1450px;
    color:#2b2c20;
}

.RadGrid_MyCustomSkin .rgNumPart a.rgCurrentPage span,
.RadGrid_MyCustomSkin .rgNumPart a.rgCurrentPage:hover span
{
    background-position:0 -1350px;
}

/*sorting, reordering*/

.RadGrid_MyCustomSkin .rgHeader .rgSortAsc
{
    background-position:3px -248px;
    height:10px;
}

.RadGrid_MyCustomSkin .rgHeader .rgSortDesc
{
    background-position:3px -198px;
    height:10px;
}

.GridReorderTop_MyCustomSkin,
.GridReorderBottom_MyCustomSkin
{
    background:0 0 no-repeat url('Grid/sprite.gif');
}

.GridReorderBottom_MyCustomSkin
{
    background-position:0 -50px;
}

/*filtering*/

.RadGrid_MyCustomSkin .rgFilterRow
{
    background:#b2c780 0 -7000px repeat-x url('Grid/sprite.gif');
}

.RadGrid_MyCustomSkin .rgFilterRow td
{
    border-top:1px solid #b6c988;
    border-bottom:1px solid #9cb16a;
}

.RadGrid_MyCustomSkin .rgFilter
{
    background-position:0 -300px;
}

.RadGrid_MyCustomSkin .rgFilter:hover
{
    background-position:0 -350px;
}

.RadGrid_MyCustomSkin .rgFilterActive,
.RadGrid_MyCustomSkin .rgFilterActive:hover
{
    background-position:0 -400px;
}

.RadGrid_MyCustomSkin .rgFilterBox
{
    border:1px solid #618740;
    background:#e7f1d7;
    font-family:"segoe ui",arial,sans-serif;
    color:#2b2c20;
}

/*filter context menu*/

.RadMenu_MyCustomSkin .rgHCMClear,
.RadMenu_MyCustomSkin .rgHCMFilter
{
    border-color:#527235 #375221 #182c09;
    background:#202b15 center -23px repeat-x url('FormDecorator/ButtonSprites.png');
    color:#e7f1d7;
    font-family:"segoe ui",arial,sans-serif;
}

.RadMenu_MyCustomSkin .rgHCMClear:hover,
.RadMenu_MyCustomSkin .rgHCMFilter:hover
{
    border-color:#517034 #385321 #1b300b;
    background-position:center -67px;
    background-color:#293917;
    color:#fff;
}

/*context menu*/

.GridContextMenu_MyCustomSkin .rmLeftImage
{
    background-image:url('../Common/Grid/contextMenu.gif');
}

.GridContextMenu_MyCustomSkin .rgHCMSortAsc .rmLeftImage
{
    background-position:0 0;
}

.GridContextMenu_MyCustomSkin .rgHCMSortDesc .rmLeftImage
{
    background-position:0 -40px;
}

.GridContextMenu_MyCustomSkin .rgHCMUnsort .rmLeftImage
{
    background-position:0 -80px;
}

.GridContextMenu_MyCustomSkin .rgHCMGroup .rmLeftImage
{
    background-position:0 -120px;
}

.GridContextMenu_MyCustomSkin .rgHCMUngroup .rmLeftImage
{
    background-position:0 -160px;
}

.GridContextMenu_MyCustomSkin .rgHCMCols .rmLeftImage
{
    background-position:0 -200px;
}

.GridContextMenu_MyCustomSkin .rgHCMFilter .rmLeftImage
{
    background-position:0 -240px;
}

.GridContextMenu_MyCustomSkin .rgHCMUnfilter .rmLeftImage
{
    background-position:0 -280px;
}

/*grouping*/

.RadGrid_MyCustomSkin .rgGroupPanel
{
    height:24px;
    border:0;
    border-bottom:1px solid #3c4c30;
    background:#b1c67f 0 -1900px repeat-x url('Grid/sprite.gif');
}

.RadGrid_MyCustomSkin .rgGroupPanel td
{
    border:0;
    padding:3px 4px;
}

.RadGrid_MyCustomSkin .rgGroupPanel td td
{
    padding:0;
}

.RadGrid_MyCustomSkin .rgGroupPanel .rgSortAsc
{
    background-position:2px -146px;
}

.RadGrid_MyCustomSkin .rgGroupPanel .rgSortDesc
{
    background-position:2px -95px;
}

.RadGrid_MyCustomSkin .rgUngroup
{
    background-position:0 -8500px;
}

.RadGrid_MyCustomSkin .rgGroupItem
{
    border:1px solid #3c4c30;
    background:#202b15 0 -6500px repeat-x url('Grid/sprite.gif');
    color:#e7f1d7;
}

.RadGrid_MyCustomSkin .rgMasterTable td.rgGroupCol,
.RadGrid_MyCustomSkin .rgMasterTable td.rgExpandCol
{
    border-color:#9cb16a;
    background:#9cb16a none;
}

.RadGrid_MyCustomSkin .rgGroupHeader
{
    background:#9cb16a;
    font-size:1.1em;
    line-height:21px;
    color:#2b2c20;
}

.RadGrid_MyCustomSkin .rgGroupHeader td
{
    border-top:1px solid #cad7a2;
}

.RadGrid_MyCustomSkin .rgGroupHeader td.rgGroupCol
{
    border-top-color:#9cb16a;
}

.RadGrid_MyCustomSkin .rgExpand
{
    background-position:5px -496px;
}

.RadGrid_MyCustomSkin .rgCollapse
{
    background-position:3px -444px;
}

/*editing*/

.RadGrid_MyCustomSkin .rgEditForm
{
    border-bottom:1px solid #618740;
}

.RadGrid_MyCustomSkin .rgUpdate
{
    background-position:0 -1800px;
}

.RadGrid_MyCustomSkin .rgCancel
{
    background-position:0 -1850px;
}

/*hierarchy*/

.RadGrid_MyCustomSkin .rgDetailTable
{
    border-color:#3c4c30;
}

/*command row*/

.RadGrid_MyCustomSkin .rgCommandRow
{
    background:#425c35 0 0 repeat-x url('Grid/rgCommandRow.gif');
    color:#e7f1d7;
}

.RadGrid_MyCustomSkin .rgCommandCell
{
    border:0;
    padding:2px 7px;
}

.RadGrid_MyCustomSkin tfoot .rgCommandCell,
.RadGrid_MyCustomSkin .rgMasterTable>tbody>tr.rgCommandRow .rgCommandCell
{
    border-top:1px solid #3c4c30;
}

.RadGrid_MyCustomSkin thead .rgCommandCell
{
    border-bottom:1px solid #3c4c30;
}

.RadGrid_MyCustomSkin .rgCommandTable,
.RadGrid_MyCustomSkin .rgCommandTable td
{
    border:0;
    padding:0;
}

.RadGrid_MyCustomSkin .rgCommandRow a
{
    color:#e7f1d7;
    text-decoration:none;
}

.RadGrid_MyCustomSkin .rgAdd
{
    margin-right:3px;
    background-position:0 -1650px;
}

.RadGrid_MyCustomSkin .rgRefresh
{
    margin-right:3px;
    background-position:0 -1600px;
}

.RadGrid_MyCustomSkin .rgEdit
{
    background-position:0 -1700px;
}

.RadGrid_MyCustomSkin .rgDel
{
    background-position:0 -1750px;
}

.RadGrid_MyCustomSkin .rgExpXLS,
.RadGrid_MyCustomSkin .rgExpDOC,
.RadGrid_MyCustomSkin .rgExpPDF,
.RadGrid_MyCustomSkin .rgExpCSV
{
    background-image:url('../Common/Grid/export.gif');
}

.RadGrid_MyCustomSkin .rgExpXLS
{
    background-position:0 0;
}
.RadGrid_MyCustomSkin .rgExpDOC
{
    background-position:0 -50px;
}
.RadGrid_MyCustomSkin .rgExpPDF
{
    background-position:0 -100px;
}
.RadGrid_MyCustomSkin .rgExpCSV
{
    background-position:0 -150px;
}

/*multirow select*/

.GridRowSelector_MyCustomSkin
{
    background:#3c4c30;
}

/*row drag n drop*/

.GridItemDropIndicator_MyCustomSkin
{
    border-top:1px dashed #3c4c30;
}

/*tooltip*/

.GridToolTip_MyCustomSkin
{
    border:1px solid #3c4c30;
    padding:3px;
    background:#d1deb6;
    color:#2b2c20;
}

/*rtl*/

.RadGridRTL_MyCustomSkin .rgPageFirst
{
    background-position:0 -1000px;
}
.RadGridRTL_MyCustomSkin .rgPageFirst:hover
{
    background-position:0 -1050px;
}
.RadGridRTL_MyCustomSkin .rgPagePrev
{
    background-position:0 -850px;
}
.RadGridRTL_MyCustomSkin .rgPagePrev:hover
{
    background-position:0 -900px;
}
.RadGridRTL_MyCustomSkin .rgPageNext
{
    background-position:0 -700px;
}
.RadGridRTL_MyCustomSkin .rgPageNext:hover
{
    background-position:0 -750px;
}
.RadGridRTL_MyCustomSkin .rgPageLast
{
    background-position:0 -550px;
}
.RadGridRTL_MyCustomSkin .rgPageLast:hover
{
    background-position:0 -600px;
}

.RadGridRTL_MyCustomSkin .rgExpand
{
    background-position:-20px -496px;
}

Menu


/* <RadMenu / Forest> */

.RadMenu_MyCustomSkin .rmRootGroup,
.RadMenu_MyCustomSkin a.rmLink,
.RadMenu_MyCustomSkin .rmText,
.RadMenu_MyCustomSkin .rmLeftArrow,
.RadMenu_MyCustomSkin .rmRightArrow,
.RadMenu_MyCustomSkin .rmTopArrow,
.RadMenu_MyCustomSkin .rmBottomArrow
{
    background-image: url('Menu/rmSprite.png');
    background-color: transparent;
}

.RadMenu_MyCustomSkin .rmRootGroup
{
    border: 1px solid #588a4d;
    background-repeat: repeat-x;
    background-position: 0 0;
    background-color: #749f57;
}

.RadMenu_MyCustomSkin .rmVertical
{
    background-position: 0 -408px;
}

/* <Root items> */

.RadMenu_MyCustomSkin,
.RadMenu_MyCustomSkin a.rmLink
{
    font: normal 12px/21px "Segoe UI", Arial, sans-serif;
    color: #2b2c20;
    text-decoration: none;
}

.RadMenu_MyCustomSkin a.rmLink,
.RadMenu_MyCustomSkin .rmText
{
    background-position: 0 1050px;
    background-repeat: no-repeat;
}

.RadMenu_MyCustomSkin a.rmLink
{
    padding: 1px 1px 1px 12px;
}

.RadMenu_MyCustomSkin a.rmLink:hover,
.RadMenu_MyCustomSkin a.rmFocused,
.RadMenu_MyCustomSkin a.rmSelected
{
    color: #7a1b05;
    background-position: 0 -96px;
    border: 1px solid #ab7d25;
    padding: 0 0 0 11px;
}

.RadMenu_MyCustomSkin a.rmExpanded,
.RadMenu_MyCustomSkin a.rmExpanded:hover
{
    color: #fff;
    background-position: 0 -144px;
    border: 1px solid #7a1b05;
    padding: 0 0 0 11px;
}

.RadMenu_MyCustomSkin a.rmDisabled,
.RadMenu_MyCustomSkin a.rmDisabled:hover
{
    color: #b1c67f;
}  

.RadMenu_MyCustomSkin a.rmDisabled:hover,
.RadMenu_MyCustomSkin .rmGroup a.rmDisabled:hover .rmText
{
    background-image: none;
    border: 0;
}

.RadMenu_MyCustomSkin a.rmDisabled:hover
{
    padding: 1px 1px 1px 12px;
}

.RadMenu_MyCustomSkin a .rmLeftImage
{
    padding-bottom: 2px;
}

.RadMenu_MyCustomSkin_rtl a.rmLink
{
    padding: 1px 12px 1px 1px;
}

.RadMenu_MyCustomSkin_rtl a.rmLink:hover,
.RadMenu_MyCustomSkin_rtl a.rmFocused,
.RadMenu_MyCustomSkin_rtl a.rmSelected
{
    padding: 0 11px 0 0;
}

.RadMenu_MyCustomSkin_rtl a.rmExpanded,
.RadMenu_MyCustomSkin_rtl a.rmExpanded:hover
{
    padding: 0 11px 0 0;
}

.RadMenu_MyCustomSkin_rtl a.rmDisabled:hover
{
    padding: 1px 12px 1px 1px;
}

/* </Root items> */


/* <Submenu items> */

.RadMenu_MyCustomSkin .rmGroup,
.RadMenu_MyCustomSkin .rmMultiColumn,
.RadMenu_MyCustomSkin .rmGroup .rmVertical
{
    border: 1px solid #588a4d;
    background: #c7d6a7 url('Menu/rmVSprite.png') repeat-y 0 0;
}

.RadMenu_MyCustomSkin .rmTopFix,
.RadMenu_MyCustomSkin .rmBottomFix,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmGroup .rmItem,
.RadMenu_MyCustomSkin .rmRoundedCorners li.rmFirstGroupColumn .rmItem,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmFirstGroupColumn li.rmFirstGroupColumn .rmItem,
.RadMenu_MyCustomSkin .rmRoundedCorners ul.rmHorizontal .rmFirst,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmGroup .rmItem,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners ul.rmHorizontal .rmFirst
{
    background-image: url('Menu/rmVSprite.png');
    background-color: #c7d6a7;
    background-repeat: repeat-y;
}

* html .rmRoundedCorners_MyCustomSkin .rmGroup .rmItem,
* html .rmRoundedCorners_MyCustomSkin ul.rmHorizontal .rmFirst
{
    background-image: url('Menu/rmVSprite.png');
    background-color: #c7d6a7;
    background-repeat: repeat-y;
}

.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmGroupColumn .rmItem,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmGroupColumn .rmGroupColumn .rmItem,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrap .rmVertical,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrap .rmVertical
{
    background-image: none;
}

* html .rmRoundedCorners_MyCustomSkin .rmScrollWrapContainer .rmGroup,
* html .rmRoundedCorners_MyCustomSkin .rmScrollWrap .rmItem,
* html .rmRoundedCorners_MyCustomSkin .rmHorizontal .rmItem,
* html .rmRoundedCorners_MyCustomSkin .rmScrollWrap .rmVertical
{
    background-image: none;
}

.RadMenu_MyCustomSkin .rmRoundedCorners .rmGroupColumn
{
    background-color: #c7d6a7;
}

.RadMenu_MyCustomSkin .rmBottomLeft,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners ul.rmGroup,
.RadMenu_MyCustomSkin .rmRoundedCorners ul.rmGroup,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmMultiColumn
{
    background-image:  url('Menu/rmRoundedLeft.png');
    background-color: transparent;
    background-repeat: no-repeat;
}

* html .rmRoundedCorners_MyCustomSkin .rmScrollWrapContainer,
* html .rmRoundedCorners_MyCustomSkin .rmGroup ul.rmGroup,
* html .rmRoundedCorners_MyCustomSkin ul.rmGroup
{
    background-image:  url('Menu/rmRoundedLeft.png');
    background-color: transparent;
    background-repeat: no-repeat;
}

.RadMenu_MyCustomSkin .rmTopRight,
.RadMenu_MyCustomSkin .rmBottomRight
{
    background-image:  url('Menu/rmRoundedRight.png');
    background-color: transparent;
    background-repeat: no-repeat;
}

.RadMenu_MyCustomSkin .rmTopFix,
.RadMenu_MyCustomSkin .rmBottomFix,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmGroup .rmFirst,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmGroup .rmFirst,
.rmRoundedCorners_MyCustomSkin .rmGroup .rmFirst
{
    border-color: #588a4d;
}

.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer .rmBottomFix,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomFix
{
    background: #c7d6a7;
}

* html .rmRoundedCorners_MyCustomSkin .rmScrollWrapContainer .rmTopFix,
* html .rmRoundedCorners_MyCustomSkin .rmScrollWrapContainer .rmBottomFix
{
    background: #c7d6a7;
}

.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer .rmRightArrow,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmRightArrow
{
    background-color: #c7d6a7;
    border: 0;
}

* html .rmRoundedCorners_MyCustomSkin .rmScrollWrapContainer .rmTopArrow,
* html .rmRoundedCorners_MyCustomSkin .rmScrollWrapContainer .rmBottomArrow,
* html .rmRoundedCorners_MyCustomSkin .rmScrollWrapContainer .rmLeftArrow,
* html .rmRoundedCorners_MyCustomSkin .rmScrollWrapContainer .rmRightArrow
{
    background-color: #c7d6a7;
    border: 0;
}

.RadMenu_MyCustomSkin_rtl .rmBottomLeft,
.RadMenu_MyCustomSkin_rtl .rmRoundedCorners ul.rmGroup,
.RadMenu_MyCustomSkin_rtl .rmRoundedCorners .rmMultiColumn,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_MyCustomSkin .rmScrollWrapContainer .rmBottomLeft,
.rmRoundedCorners.RadMenu_MyCustomSkin_Context_rtl ul.rmGroup,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer
{
    background-image: url('Menu/rmRoundedLeft_rtl.png');
}

.RadMenu_MyCustomSkin_rtl .rmTopRight,
.RadMenu_MyCustomSkin_rtl .rmBottomRight
{
    background-image: url('Menu/rmRoundedRight_rtl.png');
}

.RadMenu_MyCustomSkin_rtl li.rmTopFix,
.RadMenu_MyCustomSkin_rtl li.rmBottomFix,
.RadMenu_MyCustomSkin_rtl .rmRoundedCorners .rmGroup .rmItem,
.rmRoundedCorners.RadMenu_MyCustomSkin_Context_rtl .rmGroup .rmItem
{
    background-position: 101% 0;
}

.RadMenu_MyCustomSkin .rmSlide .rmScrollWrap
{
    background-image: none;
}

.RadMenu_MyCustomSkin_rtl .rmGroup,
.RadMenu_MyCustomSkin_rtl .rmMultiColumn,
.RadMenu_MyCustomSkin_rtl .rmGroup .rmVertical
{
    background-position: 100% 0;
}

.RadMenu_MyCustomSkin .rmRootGroup .rmHorizontal
{
    background-image: none;
}

.RadMenu_MyCustomSkin .rmScrollWrap .rmVertical
{
    border: 0;
}

.RadMenu_MyCustomSkin .rmGroup .rmFirst,
.RadMenu_MyCustomSkin .rmGroup .rmLast,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.rmRoundedCorners_MyCustomSkin .rmScrollWrapContainer li.rmItem
{
    background: none;
}

.RadMenu_MyCustomSkin .rmGroup .rmLast
{
    padding-bottom: 1px;
}

.RadMenu_MyCustomSkin .rmGroup a.rmLink,
.RadMenu_MyCustomSkin .rmVertical .rmGroup a.rmLink
{
    border: 0;
    padding: 0;
    line-height: 23px;
}

.RadMenu_MyCustomSkin .rmGroup a.rmLink:hover,
.RadMenu_MyCustomSkin .rmGroup a.rmFocused,
.RadMenu_MyCustomSkin .rmGroup a.rmSelected,
.RadMenu_MyCustomSkin .rmGroup a.rmExpanded
{
    background-position: 0 -168px;
}

.RadMenu_MyCustomSkin .rmGroup a.rmLink:hover .rmText,
.RadMenu_MyCustomSkin .rmGroup a.rmFocused .rmText,
.RadMenu_MyCustomSkin .rmGroup a.rmSelected .rmText,
.RadMenu_MyCustomSkin .rmGroup a.rmExpanded .rmText
{
    background-position: 100% -192px;
}

.RadMenu_MyCustomSkin .rmGroup a.rmExpanded,
.RadMenu_MyCustomSkin .rmGroup a.rmExpanded:hover
{
    color: #7a1b05;
}

.RadMenu_MyCustomSkin .rmGroup a.rmDisabled,
.RadMenu_MyCustomSkin .rmGroup a.rmDisabled:hover
{
    color: #8c9f5f;
}

/* <expand arrows> */

.RadMenu_MyCustomSkin .rmRootGroup .rmExpandRight,
.RadMenu_MyCustomSkin .rmGroup .rmExpandDown
{
    background-position: 100% -216px;
}

.RadMenu_MyCustomSkin a.rmLink:hover .rmExpandRight,
.RadMenu_MyCustomSkin a.rmFocused .rmExpandRight,
.RadMenu_MyCustomSkin a.rmSelected .rmExpandRight,
.RadMenu_MyCustomSkin a.rmExpanded .rmExpandRight
{
    background-position: 100% -312px;
}

.RadMenu_MyCustomSkin .rmGroup a.rmLink:hover .rmExpandRight,
.RadMenu_MyCustomSkin .rmGroup a.rmFocused .rmExpandRight,
.RadMenu_MyCustomSkin .rmGroup a.rmSelected .rmExpandRight,
.RadMenu_MyCustomSkin .rmGroup a.rmExpanded .rmExpandRight,
.RadMenu_MyCustomSkin .rmGroup a.rmLink:hover .rmExpandDown,
.RadMenu_MyCustomSkin .rmGroup a.rmFocused .rmExpandDown,
.RadMenu_MyCustomSkin .rmGroup a.rmSelected .rmExpandDown,
.RadMenu_MyCustomSkin .rmGroup a.rmExpanded .rmExpandDown
{
    background-position: 100% -240px;
}

.RadMenu_MyCustomSkin .rmRootGroup a.rmDisabled:hover .rmExpandRight,
.RadMenu_MyCustomSkin .rmGroup a.rmDisabled:hover .rmExpandDown,
{
    background-image: url('Menu/rmSprite.png');
    background-position: 100% -216px;
}

/* </expand arrows> */

/* <rtl> */

.RadMenu_MyCustomSkin_rtl .rmGroup a.rmLink:hover,
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmFocused,
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmSelected,
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmExpanded
{
    background-position: 100% -264px;
}

.RadMenu_MyCustomSkin_rtl .rmGroup a.rmLink:hover .rmText,
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmFocused .rmText,
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmSelected .rmText,
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmExpanded .rmText
{
    background-position: 0 -288px;
}

.RadMenu_MyCustomSkin_rtl .rmRootGroup .rmExpandLeft
{
    background-position: 0 -312px;
}

.RadMenu_MyCustomSkin_rtl .rmVertical a.rmLink:hover .rmExpandLeft,
.RadMenu_MyCustomSkin_rtl .rmVertical a.rmFocused .rmExpandLeft,
.RadMenu_MyCustomSkin_rtl .rmVertical a.rmSelected .rmExpandLeft,
.RadMenu_MyCustomSkin_rtl .rmVertical a.rmExpanded .rmExpandLeft
{
    background-position: 0 -216px;
}

.RadMenu_MyCustomSkin_rtl .rmGroup a.rmLink:hover .rmExpandLeft,
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmFocused .rmExpandLeft,
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmSelected .rmExpandLeft,
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmExpanded .rmExpandLeft
{
    background-position: 0 -336px;
}

.RadMenu_MyCustomSkin_rtl .rmRootGroup a.rmDisabled:hover .rmExpandLeft
{
    background-position: 0 -312px;
}

/* </rtl> */

/* </Submenu items> */

/* <Submenu offsets (Forest - specific, overlapping submenus)> */

.RadMenu_MyCustomSkin .rmSlide
{
    margin: -3px 0 0 1px;
}

.RadMenu_MyCustomSkin .rmVertical .rmSlide,
.RadMenu_MyCustomSkin .rmSlide .rmSlide,
.RadMenu_MyCustomSkin_Context .rmGroup .rmSlide
{
    margin: 0 0 0 -5px;
}

.RadMenu_MyCustomSkin_rtl .rmSlide
{
    margin: -3px 0 0 -1px;
}

.RadMenu_MyCustomSkin_rtl .rmVertical .rmSlide,
.RadMenu_MyCustomSkin_rtl .rmSlide .rmSlide,
.RadMenu_MyCustomSkin_Context_rtl .rmGroup .rmSlide
{
    margin: 0 0 0 5px;
}

/* </Submenu offsets> */

/* <Scrolling arrows> */

.RadMenu_MyCustomSkin .rmLeftArrow,
.RadMenu_MyCustomSkin .rmRightArrow
{
    background-color: #c7d6a7;
}

.RadMenu_MyCustomSkin .rmLeftArrow { background-position: -8px -312px; border-right: 1px solid #588a4d; }
.RadMenu_MyCustomSkin .rmRightArrow { background-position: -482px -216px; border-left: 1px solid #588a4d; }

.RadMenu_MyCustomSkin .rmTopArrow,
.RadMenu_MyCustomSkin .rmBottomArrow,
.RadMenu_MyCustomSkin .rmGroup .rmLeftArrow,
.RadMenu_MyCustomSkin .rmGroup .rmRightArrow
{
    background-color: #c7d6a7;
}

.RadMenu_MyCustomSkin .rmTopArrow { background-position: 50% -367px; border-bottom: 1px solid #588a4d; }
.RadMenu_MyCustomSkin .rmBottomArrow { background-position: 50% -391px; border-top: 1px solid #588a4d; }

/* </Scrolling arrows> */

/* <Separators> */

.RadMenu_MyCustomSkin .rmVertical .rmSeparator .rmText,
.RadMenu_MyCustomSkin .rmHorizontal .rmVertical .rmSeparator .rmText
{
    background-position: 0 -406px;
}

.RadMenu_MyCustomSkin .rmHorizontal .rmSeparator .rmText,
.RadMenu_MyCustomSkin .rmVertical .rmHorizontal .rmSeparator .rmText
{
    background-position: 0 -386px;
}

/* </Separators> */

/* </RadMenu / Forest> */

1 Answer, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 1
answered on 01 Mar 2011, 10:24 AM
Hello Philip,

I have found one forum which discussed the same issue. Can you please check it and see if it helps.
Theme with missing expand column image

Thanks,
Princy.
Tags
Grid
Asked by
Philip
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 1
Share this question
or