New sking works, paging graphics missing

[Laurie]

I just installed a new skin designed by our graphic designer using Visual Style Builder.  It works great except for the icons that enable you to move from page to page, which are missing.  Any ideas?  I'm attaching a screenshot of what I see along with the zip file generated by VSB.

Thanks.

Laurie

[Dimo]

Hello Laurie,

If you are using regular images for the pager buttons (e.g. if you have set the ImagesPath property), you should check whether the images with the correct names are located inside the ImagesPath folder.

PagingFirst.gif
PagingLast.gif
PagingNext.gif
PagingPrevious.gif


If you are using images from a CSS sprite, then you should make sure that the following CSS classes have proper background styles defined in the custom CSS file:

.rgPageFirst
.rgPageLast
.rgPagePrev
.rgPagePrev

Also, you can check whether the sprite image URL is correct and the sprite image can be accessed by the browser.

I am afraid nothing is attached to your post. Generally, you cannot attach ZIP files in the forum, so if you need further assistance, feel free to send us a formal support ticket. You can attach ZIP files there.


Sincerely yours,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Laurie]

Sorry.  Here's my sprite file.  My css file is as follows.  All the other sprite images seem to be showing up (e.g. sort/filter).

/*Telerik RadGrid Default Skin*/

/*global*/

.RadGrid_FeedbackAgTransitions
{
    border:1px solid #999;
    background:#fff;
    color:#000;
}

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

.RadGrid_FeedbackAgTransitions .rgMasterTable,
.RadGrid_FeedbackAgTransitions .rgDetailTable
{
    border-collapse:separate;
}

.RadGrid_FeedbackAgTransitions .rgRow,
.RadGrid_FeedbackAgTransitions .rgAltRow,
.RadGrid_FeedbackAgTransitions .rgHeader,
.RadGrid_FeedbackAgTransitions .rgResizeCol,
.RadGrid_FeedbackAgTransitions .rgPager,
.RadGrid_FeedbackAgTransitions .rgGroupPanel,
.RadGrid_FeedbackAgTransitions .rgGroupHeader
{
    cursor:default;
}

.RadGrid_FeedbackAgTransitions input[type="image"]
{
    cursor:pointer;
}

.RadGrid_FeedbackAgTransitions .rgRow td,
.RadGrid_FeedbackAgTransitions .rgAltRow td,
.RadGrid_FeedbackAgTransitions .rgEditRow td,
.RadGrid_FeedbackAgTransitions .rgFooter td,
.RadGrid_FeedbackAgTransitions .rgFilterRow td,
.RadGrid_FeedbackAgTransitions .rgHeader,
.RadGrid_FeedbackAgTransitions .rgResizeCol,
.RadGrid_FeedbackAgTransitions .rgGroupHeader td
{
    padding-left:7px;
    padding-right:7px;
}

.RadGrid_FeedbackAgTransitions .rgClipCells .rgHeader,
.RadGrid_FeedbackAgTransitions .rgClipCells .rgRow>td,
.RadGrid_FeedbackAgTransitions .rgClipCells .rgAltRow>td
{
    overflow:hidden;
}

.RadGrid_FeedbackAgTransitions .rgHeader:first-child,
.RadGrid_FeedbackAgTransitions th.rgResizeCol:first-child,
.RadGrid_FeedbackAgTransitions .rgFilterRow>td:first-child,
.RadGrid_FeedbackAgTransitions .rgRow>td:first-child,
.RadGrid_FeedbackAgTransitions .rgAltRow>td:first-child
{
    border-left:0;
    padding-left:8px;
}

.RadGrid_FeedbackAgTransitions .rgAdd,
.RadGrid_FeedbackAgTransitions .rgRefresh,
.RadGrid_FeedbackAgTransitions .rgEdit,
.RadGrid_FeedbackAgTransitions .rgDel,
.RadGrid_FeedbackAgTransitions .rgFilter,
.RadGrid_FeedbackAgTransitions .rgPagePrev,
.RadGrid_FeedbackAgTransitions .rgPageNext,
.RadGrid_FeedbackAgTransitions .rgPageFirst,
.RadGrid_FeedbackAgTransitions .rgPageLast,
.RadGrid_FeedbackAgTransitions .rgExpand,
.RadGrid_FeedbackAgTransitions .rgCollapse,
.RadGrid_FeedbackAgTransitions .rgSortAsc,
.RadGrid_FeedbackAgTransitions .rgSortDesc,
.RadGrid_FeedbackAgTransitions .rgUpdate,
.RadGrid_FeedbackAgTransitions .rgCancel,
.RadGrid_FeedbackAgTransitions .rgUngroup,
.RadGrid_FeedbackAgTransitions .rgExpXLS,
.RadGrid_FeedbackAgTransitions .rgExpDOC,
.RadGrid_FeedbackAgTransitions .rgExpPDF,
.RadGrid_FeedbackAgTransitions .rgExpCSV
{
    width:16px;
    height:16px;
    border:0;
    margin:0;
    padding:0;
    background-color:transparent;
    background-image:url('Grid/sprite.gif');
    background-repeat:no-repeat;
    vertical-align:middle;
    font-size:1px;
    cursor:pointer;
}

.RadGrid_FeedbackAgTransitions .rgGroupItem input,
.RadGrid_FeedbackAgTransitions .rgCommandRow img,
.RadGrid_FeedbackAgTransitions .rgHeader input,
.RadGrid_FeedbackAgTransitions .rgFilterRow img,
.RadGrid_FeedbackAgTransitions .rgFilterRow input,
.RadGrid_FeedbackAgTransitions .rgPager img
{
    vertical-align:middle;
}

/*header*/

.RadGrid_FeedbackAgTransitions .rgHeaderDiv
{
    background:#e4e4e4;
}

.RadGrid_FeedbackAgTransitions .rgHeader,
.RadGrid_FeedbackAgTransitions th.rgResizeCol
{
    border:0;
    border-bottom:1px solid #7c7c7c;
    border-left:1px solid #9e9e9e;
    padding-top:5px;
    padding-bottom:5px;
    background:#e4e4e4;
    text-align:left;
    font-weight:normal;
}

.RadGrid_FeedbackAgTransitions th.rgSorted
{
    background-color:#fffaeb;
}

.RadGrid_FeedbackAgTransitions .rgHeader,
.RadGrid_FeedbackAgTransitions .rgHeader a
{
    color:#000;
    text-decoration:none;
}

.RadGrid_FeedbackAgTransitions th.rgSorted,
.RadGrid_FeedbackAgTransitions th.rgSorted a
{
    color:#892500;
}

.RadGrid_FeedbackAgTransitions .rgCheck
{
    height:15px;
    margin:0;
    padding:0;
}

/*rows*/

.RadGrid_FeedbackAgTransitions .rgRow td,
.RadGrid_FeedbackAgTransitions .rgAltRow td,
.RadGrid_FeedbackAgTransitions .rgEditRow td,
.RadGrid_FeedbackAgTransitions .rgFooter td
{
    border:0;
    border-bottom:1px solid;
    border-left:1px solid;
    padding-top:4px;
    padding-bottom:3px;
}

.RadGrid_FeedbackAgTransitions .rgRow td
{
    border-color:#fff #c3c3c3;
}

.RadGrid_FeedbackAgTransitions .rgAltRow
{
    background:#ededed;
}

.RadGrid_FeedbackAgTransitions .rgAltRow td
{
    border-color:#ededed #c3c3c3;
}

.RadGrid_FeedbackAgTransitions .rgRow .rgSorted
{
    border-bottom-color:#fffaeb;
    background-color:#fffaeb;
}

.RadGrid_FeedbackAgTransitions .rgAltRow .rgSorted
{
    border-bottom-color:#f1ecdd;
    background-color:#f1ecdd;
}

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

.RadGrid_FeedbackAgTransitions .rgRow a,
.RadGrid_FeedbackAgTransitions .rgAltRow a,
.RadGrid_FeedbackAgTransitions .rgEditRow a,
.RadGrid_FeedbackAgTransitions .rgFooter a,
.RadGrid_FeedbackAgTransitions .rgEditForm a
{
    color:#000;
}

.RadGrid_FeedbackAgTransitions .rgSelectedRow
{
    background:#ffa517;
    color:#892500;
}
*+html .RadGrid_FeedbackAgTransitions .rgSelectedRow .rgSorted{background-color:#ffa517}
* html .RadGrid_FeedbackAgTransitions .rgSelectedRow .rgSorted{background-color:#ffa517}

.RadGrid_FeedbackAgTransitions .rgSelectedRow a
{
    color:#892500;
}

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

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

.RadGrid_FeedbackAgTransitions .rgSelectedRow td,
.RadGrid_FeedbackAgTransitions .rgSelectedRow td.rgSorted
{
    border-color:#ca4b0c #ffa517;
}

.RadGrid_FeedbackAgTransitions .rgActiveRow td,
.RadGrid_FeedbackAgTransitions .rgActiveRow td.rgSorted,
.RadGrid_FeedbackAgTransitions .rgHoveredRow td,
.RadGrid_FeedbackAgTransitions .rgHoveredRow td.rgSorted
{
    border-color:#c98400 #ffe79c;
}

.RadGrid_FeedbackAgTransitions .rgEditRow td,
.RadGrid_FeedbackAgTransitions .rgEditRow td.rgSorted
{
    border-color:#616161 #c3c3c3;
}

/*footer*/

.RadGrid_FeedbackAgTransitions .rgFooterDiv,
.RadGrid_FeedbackAgTransitions .rgFooter
{
    background:#e4e4e4;
}

.RadGrid_FeedbackAgTransitions .rgFooter td
{
    border-top:1px solid;
    border-color:#999 #c3c3c3;
}

/*status*/

.RadGrid_FeedbackAgTransitions .rgPager .rgStatus
{
    width:35px;
    border:1px solid;
    border-color:#999 #999 #e4e4e4 #e4e4e4;
    border-left:0;
    padding:3px 0 2px;
}

.RadGrid_FeedbackAgTransitions .rgStatus div
{
    width:24px;
    height:24px;
    overflow:hidden;
    border:0;
    margin:0 auto;
    padding:0;
    background:transparent center center no-repeat url('Grid/loading_small.gif');
    text-indent:-2222px;
}

/*pager*/

.RadGrid_FeedbackAgTransitions .rgPager
{
    background:#e4e4e4;
}

.RadGrid_FeedbackAgTransitions .rgPager td
{
    padding:0;
}

.RadGrid_FeedbackAgTransitions .rgPager .rgPagerCell
{
    border:1px solid;
    border-color:#999 #e4e4e4 #e4e4e4;
    border-right:0;
    padding:5px 0 3px;
}

.RadGrid_FeedbackAgTransitions .rgWrap
{
    float:left;
    padding:0 10px;
    line-height:22px;
    whitewhite-space:nowrap;
}

.RadGrid_FeedbackAgTransitions .rgArrPart1
{
    padding-right:0;
}

.RadGrid_FeedbackAgTransitions .rgArrPart2
{
    padding-left:0;
}

.RadGrid_FeedbackAgTransitions .rgInfoPart
{
    float:rightright;
    color:#777;
}

.RadGrid_FeedbackAgTransitions .rgInfoPart strong
{
    font-weight:normal;
    color:#4c4e54;
}

.RadGrid_FeedbackAgTransitions .rgArrPart1 img,
.RadGrid_FeedbackAgTransitions .rgArrPart2 img
{
    margin:0 8px;
}

.RadGrid_FeedbackAgTransitions .rgPageFirst,
.RadGrid_FeedbackAgTransitions .rgPagePrev,
.RadGrid_FeedbackAgTransitions .rgPageNext,
.RadGrid_FeedbackAgTransitions .rgPageLast
{
    width:22px;
    height:22px;
    vertical-align:top;
}

.RadGrid_FeedbackAgTransitions .NextPrev .rgPageFirst,
.RadGrid_FeedbackAgTransitions .NextPrev .rgPagePrev,
.RadGrid_FeedbackAgTransitions .NextPrev .rgPageNext,
.RadGrid_FeedbackAgTransitions .NextPrev .rgPageLast
{
    vertical-align:middle;
}

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

.RadGrid_FeedbackAgTransitions .rgPager .rgPagerButton
{
    height:22px;
    border:1px solid #7e7e7e;
    margin:0 14px 0 0;
    padding:0 4px 2px;
    background:#c6c6c6;
    color:#000;
    font:12px/12px "segoe ui",arial,sans-serif;
    vertical-align:middle;
    cursor:pointer;
}

.RadGrid_FeedbackAgTransitions .rgNumPart
{
    padding:0;
}

.RadGrid_FeedbackAgTransitions .NumericPages .rgNumPart
{
    padding:0 10px;
}

.RadGrid_FeedbackAgTransitions .rgNumPart a
{
    float:left;
    line-height:20px;
    border:1px solid #e4e4e4;
    margin:0;
    padding:0 5px;
    color:#000;
    text-decoration:none;
}

.RadGrid_FeedbackAgTransitions .rgNumPart a:hover
{
    border-color:#c98400;
    background:#ffe79c;
    color:#892500;
}

.RadGrid_FeedbackAgTransitions .rgNumPart a:hover span
{
    cursor:pointer;
}

.RadGrid_FeedbackAgTransitions .rgNumPart a.rgCurrentPage,
.RadGrid_FeedbackAgTransitions .rgNumPart a.rgCurrentPage:hover
{
    border-color:#ca4b0c;
    background:transparent;
    color:#892500;
    cursor:default;
}

.RadGrid_FeedbackAgTransitions .rgNumPart a.rgCurrentPage span,
.RadGrid_FeedbackAgTransitions .rgNumPart a.rgCurrentPage:hover span
{
    cursor:default;
}

.RadGrid_FeedbackAgTransitions .NextPrevNumericAndAdvanced .rgAdvPart
{
    float:none;
    text-align:center;
}

.RadGrid_FeedbackAgTransitions .rgPager .RadSlider
{
    float:left;
    margin:0 10px 0 0;
}

.RadGrid_FeedbackAgTransitions .rgPagerLabel,
.RadGrid_FeedbackAgTransitions .rgPager .RadComboBox,
.RadGrid_FeedbackAgTransitions .rgPager .RadInput_FeedbackAgTransitions
{
    margin:0 4px 0 0;
    vertical-align:middle;
}

*+html .RadGrid_FeedbackAgTransitions .rgPager .RadComboBox{margin-top:-1px;}
* html .RadGrid_FeedbackAgTransitions .rgPager .RadComboBox{margin-top:-1px;padding:1px 0;}

.RadGrid_FeedbackAgTransitions .rgPagerTextBox
{
    text-align:center;
}

/*sorting, reordering*/

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

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

.GridReorderTop_FeedbackAgTransitions,
.GridReorderBottom_FeedbackAgTransitions
{
    width:9px !important;
    height:9px !important;
    margin-left:-5px;
    background:0 0 no-repeat url('Grid/sprite.gif');
}

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

/*filtering*/

.RadGrid_FeedbackAgTransitions .rgFilterRow
{
    background:#e4e4e4;
}

.RadGrid_FeedbackAgTransitions .rgFilterRow td
{
    border-bottom:1px solid #999;
    border-left:1px solid #e4e4e4;
    padding-top:5px;
    padding-bottom:6px;
}

.RadGrid_FeedbackAgTransitions .rgFilter
{
    width:22px;
    height:22px;
    margin:0 0 0 2px;
    background-position:0 -300px;
}

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

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

.RadGrid_FeedbackAgTransitions .rgFilterBox
{
    border:1px solid #616161;
    padding:2px 1px 3px;
    font:12px "segoe ui",arial,sans-serif;
    color:#000;
    vertical-align:middle;
}

/*grouping*/

.RadGrid_FeedbackAgTransitions .rgGroupPanel
{
    height:24px;
    border:0;
    border-bottom:1px solid #7c7c7c;
    background:#c6c6c6;
}

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

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

.RadGrid_FeedbackAgTransitions .rgGroupPanel .rgSortAsc
{
    background-position:4px -144px;
}

.RadGrid_FeedbackAgTransitions .rgGroupPanel .rgSortDesc
{
    background-position:4px -94px;
}

.RadGrid_FeedbackAgTransitions .rgUngroup
{
    background-position:0 -6998px;
}

.RadGrid_FeedbackAgTransitions .rgGroupItem
{
    border:1px solid #7e7e7e;
    padding:0 2px 1px 3px;
    background:#c6c6c6;
    line-height:20px;
    font-weight:normal;
    vertical-align:middle;
}

.RadGrid_FeedbackAgTransitions .rgMasterTable td.rgGroupCol,
.RadGrid_FeedbackAgTransitions .rgMasterTable td.rgExpandCol
{
    border-color:#c9c9c9;
    background:#c9c9c9 none;
}

.RadGrid_FeedbackAgTransitions .rgGroupHeader
{
    background:#c9c9c9;
    font-size:1.1em;
    line-height:22px;
    color:#000;
}

.RadGrid_FeedbackAgTransitions .rgGroupHeader td
{
    padding:0 7px 2px 8px;
}

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

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

.RadGrid_FeedbackAgTransitions .rgGroupHeader td p
{
    display:inline;
    margin:0;
    padding:0 10px;
}

.RadGrid_FeedbackAgTransitions .rgGroupHeader td div div
{
    top:-0.8em;
    padding:0 10px;
}

.RadGrid_FeedbackAgTransitions .rgGroupHeader td div div div
{
    top:0;
    padding:0;
    border:0;
}

/*editing*/

.RadGrid_FeedbackAgTransitions .rgEditForm
{
    border-bottom:1px solid #999;
}

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

.RadGrid_FeedbackAgTransitions .rgCancel
{
    background-position:2px -1848px;
}

/*hierarchy*/

.RadGrid_FeedbackAgTransitions .rgDetailTable
{
    border:1px solid #999;
    border-right:0;
}

/*command row*/

.RadGrid_FeedbackAgTransitions .rgCommandRow
{
    background:#c6c6c6;
    color:#000;
}

.RadGrid_FeedbackAgTransitions .rgCommandCell
{
    border:0;
    border-bottom:1px solid #7e7e7e;
    padding:0;
}

.RadGrid_FeedbackAgTransitions tfoot .rgCommandCell
{
    border-top:1px solid #7e7e7e;
    border-bottom:0;
}

.RadGrid_FeedbackAgTransitions .rgCommandTable td
{
    border:0;
    padding:3px 7px 4px;
}

.RadGrid_FeedbackAgTransitions .rgCommandTable
{
    border:0;
}

.RadGrid_FeedbackAgTransitions .rgCommandRow a
{
    color:#000;
    text-decoration:none;
}

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

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

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

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

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

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

/*multirow select*/

.GridRowSelector_FeedbackAgTransitions
{
    background:#4c4e54;
}

/*row drag n drop*/

.GridItemDropIndicator_FeedbackAgTransitions
{
    border-top:1px dashed #666;
}

/*tooltip*/

.GridToolTip_FeedbackAgTransitions
{
    border:1px solid #c98400;
    padding:3px;
    background:#ffefbd;
    color:#333;
}

/*rtl*/

.RadGridRTL_FeedbackAgTransitions .rgHeader,
.RadGridRTL_FeedbackAgTransitions .rgResizeCol
{
    text-align:rightright;
}

.RadGridRTL_FeedbackAgTransitions .rgHeader:first-child,
.RadGridRTL_FeedbackAgTransitions th.rgResizeCol:first-child,
.RadGridRTL_FeedbackAgTransitions .rgFilterRow>td:first-child,
.RadGridRTL_FeedbackAgTransitions .rgRow>td:first-child,
.RadGridRTL_FeedbackAgTransitions .rgAltRow>td:first-child
{
    border-left:1px solid;
    padding-left:7px;
}

.RadGridRTL_FeedbackAgTransitions .rgPager .rgStatus
{
    border-right:0;
    border-left-width:1px;
}

.RadGridRTL_FeedbackAgTransitions .rgWrap
{
    float:rightright;
}

.RadGridRTL_FeedbackAgTransitions .rgInfoPart
{
    float:left;
}

.RadGridRTL_FeedbackAgTransitions .rgNumPart
{
    width:220px;
}

.RadGridRTL_FeedbackAgTransitions .rgNumPart a
{
    float:rightright;
}

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

.RadGridRTL_FeedbackAgTransitions .rgDetailTable
{
    border-right:1px solid;
    border-left:0;
}


div.RadGrid_FeedbackAgTransitions {  }
div.RadGrid_FeedbackAgTransitions .rgCommandRow {  }
div.RadGrid_FeedbackAgTransitions .rgCommandCell {  }
div.RadGrid_FeedbackAgTransitions .rgHeader {  }
div.RadGrid_FeedbackAgTransitions th.rgResizeCol {  }
div.RadGrid_FeedbackAgTransitions th.rgSorted {  }
div.RadGrid_FeedbackAgTransitions .rgHeader {  }
div.RadGrid_FeedbackAgTransitions .rgHeader a {  }
div.RadGrid_FeedbackAgTransitions th.rgSorted {  }
div.RadGrid_FeedbackAgTransitions th.rgSorted a {  }
div.RadGrid_FeedbackAgTransitions .rgFilterRow {  }
div.RadGrid_FeedbackAgTransitions .rgFilterRow td {  }
div.RadGrid_FeedbackAgTransitions .rgRow td {  }
div.RadGrid_FeedbackAgTransitions .rgSelectedRow td {  }
div.RadGrid_FeedbackAgTransitions .rgActiveRow td {  }
div.RadGrid_FeedbackAgTransitions .rgHoveredRow td {  }
div.RadGrid_FeedbackAgTransitions .rgRow {  }
div.RadGrid_FeedbackAgTransitions tr.rgSelectedRow {  }
div.RadGrid_FeedbackAgTransitions table .rgActiveRow {  }
div.RadGrid_FeedbackAgTransitions table tr.rgHoveredRow {  }
div.RadGrid_FeedbackAgTransitions .rgAltRow td {  }
div.RadGrid_FeedbackAgTransitions .rgAltRow {  }
div.RadGrid_FeedbackAgTransitions .rgFooter td {  }
div.RadGrid_FeedbackAgTransitions .rgFooter {  }
div.RadGrid_FeedbackAgTransitions .rgPager {  }
div.RadGrid_FeedbackAgTransitions .rgPager .rgPagerCell {  }
div.RadGrid_FeedbackAgTransitions .rgGroupHeader {  }
div.RadGrid_FeedbackAgTransitions .rgGroupHeader td {  }
div.RadGrid_FeedbackAgTransitions .rgEditForm {  }
div.RadGrid_FeedbackAgTransitions .rgDetailTable {  }

[Laurie]

oh, and here's the screen shot.

[Laurie]

I figured out the issue.  I was trying to use a skin file inside the App_Themes folder to set default settings on the RadGrid and somehow this interfered with the new custom style.  All is good now that I've stopped using that skin file.

[Dimo]

Hi Laurie,

I am glad that you have managed to isolate the problem. The screenshot suggested that you were actually not using sprite pager buttons, but regular images.

Greetings,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.