[Solved] Paging issues in Grid

[Veshala]

Hi,

I am having issues with paging style.

Here is the code:

<cc1:AdesaGrid ID="grdAnnouncements" runat="server" OnNeedDataSource="grdAnnouncements_NeedDataSource"
            AllowPaging="True"  PagerStyle-Mode="NextPrevAndNumeric"  PagerStyle-Position="Bottom" ShowFooter="True" AllowMultiRowEdit="True" OnItemDataBound="grdAnnouncements_ItemDataBound"
            OnPreRender="grdAnnouncements_PreRender" OnItemCommand="grdAnnouncements_ItemCommand"
            OnItemCreated="grdAnnouncements_ItemCreated" AutoGenerateColumns="False" CssClass="headercenter"
            EnableEmbeddedSkins="False" GridLines="None" Skin="TelerikDataGridB" Width="920px">
            <HeaderContextMenu EnableEmbeddedSkins="False">
            </HeaderContextMenu>
            <MasterTableView DataKeyNames="MVDAID" EditMode="InPlace" CommandItemDisplay="Bottom">
                <NoRecordsTemplate>
                    <div>
                        There are no records to display</div>
                </NoRecordsTemplate>
                <Columns>
                    <telerik:GridBoundColumn DataField="MVDAID" HeaderText="MVDAID" ReadOnly="True" UniqueName="MVDAID"
                        Visible="False">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="Name" HeaderText="Announcement" UniqueName="Name" ReadOnly="true">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="Amount" HeaderText="Amount" UniqueName="Amount"
                        ReadOnly="true">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="Date" DataFormatString="{0:d}" DataType="System.DateTime" HeaderText="Date" UniqueName="Date" ReadOnly="true">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="Comment" HeaderText="Comment" UniqueName="Comment"
                        ReadOnly="true">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="RepairDescription" DataType="System.String" HeaderText="Repair Description"
                        UniqueName="RepairDescription" ReadOnly="true">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="Province" DataType="System.String" HeaderText="Province" UniqueName="Province"
                        ReadOnly="true">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="LastKnownDate" DataFormatString="{0:d}" DataType="System.DateTime" HeaderText="TKU Date" UniqueName="LastKnownDate"
                        ReadOnly="true">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="LastKnownAmount" HeaderText="TKU"
                        UniqueName="LastKnownAmount" ReadOnly="true">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="Source" HeaderText="Source" ReadOnly="true" UniqueName="Source">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="User" HeaderText="User" ReadOnly="True" UniqueName="User">
                    </telerik:GridBoundColumn>
                     <telerik:GridCheckBoxColumn DataField="Active" DataType="System.Boolean" HeaderText="Active"
                        UniqueName="Active">
                    </telerik:GridCheckBoxColumn>
                    <telerik:GridEditCommandColumn UniqueName="EditCommandColumn" />
                </Columns>
                <CommandItemTemplate>
                    <asp:Button runat="server" ID="Save" Text="Save" CommandName="Save"  CausesValidation="false" /></CommandItemTemplate>
            </MasterTableView>
        </cc1:AdesaGrid>

Please see the attached snapshot of the page.

Any help is appreciated.

Thanks

[Pavlina]

Hi Veshala,

To avoid this behavior you need the following styles:

.PagerLeft_None
{
     float:left;
}

.PagerRight_None
{
     float:right;
}

Give this suggestion a try and see if it helps.

Kind regards,
Pavlina
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.

[Veshala]

Hi,

I added following style under RadGrid.css file. I didn't see any difference.

PagerLeft_None
{
float:left;
}

.PagerRight_None
{
float:right;
}

I am using RadControls for ASP.NET AJAX Q2 2009 version.

Here is RadGrid.css file

/* RadComboBox Default skin */

/*global*/

/* RadDataGrid Settings  */
/* C:\Program Files\Telerik\RadControls for ASPNET AJAX Q2 2008\Skins\Sunset  */
/* http://www.telerik.com/help/aspnet/grid/grdcreatingnewskins.html */
/*
.RadGrid_TelerikDataGridB *
{
    SCROLLBAR-FACE-COLOR: #e9e9e9;
    BACKGROUND: #d3cab8;
    SCROLLBAR-HIGHLIGHT-COLOR: #fff;
    SCROLLBAR-SHADOW-COLOR: #e9e9e9;
    COLOR: #333;
    SCROLLBAR-3DLIGHT-COLOR: #dbdbdb;
    SCROLLBAR-ARROW-COLOR: #787878;
    SCROLLBAR-TRACK-COLOR: #f5f5f5;
    SCROLLBAR-DARKSHADOW-COLOR: #aeaeae
}
*/
.DetailTable_TelerikDataGridB
{
    BORDER-RIGHT: #6788be 1px solid;
    BORDER-TOP: #6788be 1px solid;
    BORDER-LEFT: #6788be 1px solid;
    BORDER-BOTTOM: #6788be 1px solid
}
.RadGrid_TelerikDataGridB
{
    FONT: 11px arial,verdana,sans-serif
}
.MasterTable_TelerikDataGridB
{
    FONT: 11px arial,verdana,sans-serif

}
.DetailTable_TelerikDataGridB
{
    FONT: 11px arial,verdana,sans-serif
}
.GroupPanel_TelerikDataGridB TABLE
{
    FONT: 11px arial,verdana,sans-serif
}
.GridEditForm_TelerikDataGridB TABLE
{
    FONT: 11px arial,verdana,sans-serif
}
.GridToolTip_TelerikDataGridB
{
    FONT: 11px arial,verdana,sans-serif
}
.MasterTable_TelerikDataGridB
{
    BORDER-COLLAPSE: separate! important
}
.DetailTable_TelerikDataGridB
{
    BORDER-COLLAPSE: separate! important
}
.MasterTable_TelerikDataGridB
{
    BORDER-RIGHT: #fff 0px solid;
    BORDER-TOP: #fff 0px solid;
    BORDER-LEFT: #fff 0px solid;
    BORDER-BOTTOM: #fff 0px solid
}
.GridRow_TelerikDataGridB TD
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px;
    background-color: White
}

/* this is the alternating row*/
.GridAltRow_TelerikDataGridB TD
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px;      /* jbarnd - from teh blue business grid demo  */
    BORDER-RIGHT: #ffffff 1px solid;
    BORDER-TOP: #e0f5ff 0px solid;
    BORDER-LEFT: #ffffff 0px solid;   /* jbarnd - the borders can be changed to be whatever  */
    BORDER-BOTTOM: #abd5f3 1px solid;
    background-color: #f0ede6


}
.GridEditRow_TelerikDataGridB TD
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px
}
.GridFooter_TelerikDataGridB TD
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px
}
.GridGroupFooter_TelerikDataGridB TD
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px
}
.GridFilterRow_TelerikDataGridB TD
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px
}
.GridHeader_TelerikDataGridB
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px
}
.ResizeHeader_TelerikDataGridB
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px
}
.GroupHeader_TelerikDataGridB TD
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px
}
.RadGrid_TelerikDataGridB .rgAdd
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: 0px;
    WIDTH: 16px;
    CURSOR: pointer;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px;
    BACKGROUND-COLOR: transparent
}
.RadGrid_TelerikDataGridB .rgRefresh
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: 0px;
    WIDTH: 16px;
    CURSOR: pointer;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px;
    BACKGROUND-COLOR: transparent
}
.RadGrid_TelerikDataGridB .rgEdit
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: 0px;
    WIDTH: 16px;
    CURSOR: pointer;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px;
    BACKGROUND-COLOR: transparent
}
.RadGrid_TelerikDataGridB .rgDel
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: 0px;
    WIDTH: 16px;
    CURSOR: pointer;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px;
    BACKGROUND-COLOR: transparent
}
.RadGrid_TelerikDataGridB .rgFilter
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: 0px;
    WIDTH: 16px;
    CURSOR: pointer;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px;
    BACKGROUND-COLOR: transparent
}
.RadGrid_TelerikDataGridB .rgPagePrev
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: 0px;
    WIDTH: 16px;
    CURSOR: pointer;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px;
    BACKGROUND-COLOR: transparent
}
.RadGrid_TelerikDataGridB .rgPageNext
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: 0px;
    WIDTH: 16px;
    CURSOR: pointer;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px;
    BACKGROUND-COLOR: transparent
}
.RadGrid_TelerikDataGridB .rgPageFirst
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: 0px;
    WIDTH: 16px;
    CURSOR: pointer;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px;
    BACKGROUND-COLOR: transparent
}
.RadGrid_TelerikDataGridB .rgPageLast
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: 0px;
    WIDTH: 16px;
    CURSOR: pointer;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px;
    BACKGROUND-COLOR: transparent
}
.RadGrid_TelerikDataGridB .rgExpand
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: 0px;
    WIDTH: 16px;
    CURSOR: pointer;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px;
    BACKGROUND-COLOR: transparent
}
.RadGrid_TelerikDataGridB .rgCollapse
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: 0px;
    WIDTH: 16px;
    CURSOR: pointer;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px;
    BACKGROUND-COLOR: transparent
}
.RadGrid_TelerikDataGridB .rgSortAsc
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: 0px;
    WIDTH: 16px;
    CURSOR: pointer;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px;
    BACKGROUND-COLOR: #e1f5f7    /* color for the sort icon background area  */
}
.RadGrid_TelerikDataGridB .rgSortDesc
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: 0px;
    WIDTH: 16px;
    CURSOR: pointer;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px;
    BACKGROUND-COLOR: #e1f5f7    /* color for the sort icon background area  */
}
.RadGrid_TelerikDataGridB .rgUpdate
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: 0px;
    WIDTH: 16px;
    CURSOR: pointer;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px;
    BACKGROUND-COLOR: transparent
}
.RadGrid_TelerikDataGridB .rgCancel
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: 0px;
    WIDTH: 16px;
    CURSOR: pointer;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px;
    BACKGROUND-COLOR: transparent
}
.GroupPanelItems_TelerikDataGridB INPUT
{
    VERTICAL-ALIGN: middle
}
.GridCommandRow_TelerikDataGridB IMG
{
    VERTICAL-ALIGN: middle
}
.GridHeader_TelerikDataGridB INPUT
{
    VERTICAL-ALIGN: middle
}
.GridFilterRow_TelerikDataGridB IMG
{
    VERTICAL-ALIGN: middle
}
.GridPager_TelerikDataGridB IMG
{
    VERTICAL-ALIGN: middle
}
.GridHeader_TelerikDataGridB
{
    COLOR: #000;
    BACKGROUND: #d3cab7;  /* jbarnd - header color  */
    PADDING-BOTTOM: 4px;
    PADDING-TOP: 4px;
    TEXT-ALIGN: left   /*  jbarnd TO-DO:  we need black instead of blue  */

}
.ResizeHeader_TelerikDataGridB
{
    BACKGROUND: #92b4e0;
    PADDING-BOTTOM: 4px;
    PADDING-TOP: 4px;
    TEXT-ALIGN: left
}
.GridHeader_TelerikDataGridB
{
    COLOR: #000;
    TEXT-DECORATION: none
}
.GridHeader_TelerikDataGridB A
{
    COLOR: Black;           /*  jbarnd - TO-DO: this needs the teal color #008b95 */
    TEXT-DECORATION: none;
     /*  jbarnd  */
        BACKGROUND: transparent
}
.GridRow_TelerikDataGridB TD
{
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #d8dde0 1px solid
}
.GridAltRow_TelerikDataGridB TD
{
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #d8dde0 1px solid
}
.GridEditRow_TelerikDataGridB TD
{
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #d8dde0 1px solid
}
.GridRow_TelerikDataGridB A
{
    COLOR: #008b95;         /* jbarnd - not sure if thsi is correct   #333 orginal value */
    BACKGROUND: transparent;
}
.GridAltRow_TelerikDataGridB A
{
    COLOR: #008b95;
    BACKGROUND: transparent;
}
.GridEditRow_TelerikDataGridB A
{
    COLOR: #333
}
.SelectedRow_TelerikDataGridB
{
    BACKGROUND: #dcfc5c;
      background-color: orange;
}
.GridRowOver_TelerikDataGridB
{
        /*  f9d99f   jbarnd???*/
    BACKGROUND: orange ;
    background-color: orange;
    cursor:pointer

}
.ActiveRow_TelerikDataGridB
{
    BACKGROUND: #f9d99f
}
.GridRowOver_TelerikDataGridB TD
{
    BORDER-BOTTOM-COLOR: #f9d99f
}
.ActiveRow_TelerikDataGridB TD
{
    BORDER-BOTTOM-COLOR: #f9d99f
}
.SelectedRow_TelerikDataGridB TD
{
    BORDER-BOTTOM-COLOR: #accb2d
}
.GridEditRow_TelerikDataGridB
{
    BACKGROUND: #ffffe1
}
.GridEditRow_TelerikDataGridB TD
{
    BORDER-BOTTOM: #d8dde0 1px solid
}
.GridFooterDiv_TelerikDataGridB
{
    FONT-WEIGHT: bold;
    BACKGROUND: #fbfbfb
}
.GridFooter_TelerikDataGridB
{
    FONT-WEIGHT: bold;
    BACKGROUND: #fbfbfb
}
.GridGroupFooter_TelerikDataGridB
{
    FONT-WEIGHT: bold;
    BACKGROUND: #fbfbfb
}
.GridFooter_TelerikDataGridB
{
    COLOR: #666
}
.GridFooter_TelerikDataGridB A
{
    COLOR: #666
}
.GridGroupFooter_TelerikDataGridB
{
    COLOR: #666
}
.GridGroupFooter_TelerikDataGridB A
{
    COLOR: #666
}
.GridFooter_TelerikDataGridB TD
{
    BORDER-TOP: #e8e6e6 1px solid;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #e8e6e6 1px solid
}
.GridGroupFooter_TelerikDataGridB TD
{
    BORDER-TOP: #e8e6e6 1px solid;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #e8e6e6 1px solid
}
.GridPager_TelerikDataGridB SPAN
{
    COLOR: #999
}
.GridPager_TelerikDataGridB
{
    FONT-WEIGHT: bold;
    BACKGROUND: #d3cab7
}
.GridPager_TelerikDataGridB TD
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 4px;
    PADDING-TOP: 4px
}
.GridPager_TelerikDataGridB TD
{
    COLOR: #666
}
.GridPager_TelerikDataGridB TD A
{
    COLOR: #666
}
.PagerLeft_TelerikDataGridB
{
    FLOAT: left
}
.PagerRight_TelerikDataGridB
{
    FLOAT: right
}
.PagerCenter_TelerikDataGridB
{
    TEXT-ALIGN: center
}
.PagerCenter_TelerikDataGridB SPAN
{
    VERTICAL-ALIGN: middle
}

.RadGrid_TelerikDataGridB .rgPagePrev
{
    BACKGROUND-POSITION: 6px -224px
}
.RadGrid_TelerikDataGridB .rgPageNext
{
    BACKGROUND-POSITION: -22px -224px
}
.RadGrid_TelerikDataGridB .rgPageFirst
{
    BACKGROUND-POSITION: 5px -192px
}
.RadGrid_TelerikDataGridB .rgPageLast
{
    BACKGROUND-POSITION: -21px -192px
}
.GridHeader_TelerikDataGridB .rgSortAsc
{
    BACKGROUND-POSITION: -21px -256px;
    HEIGHT: 12px
}
.GridHeader_TelerikDataGridB .rgSortDesc
{
    BACKGROUND-POSITION: 4px -256px;
    HEIGHT: 12px
}
.TopReorderIndicator_TelerikDataGridB
{
    BACKGROUND: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>') no-repeat 0px -100px;
    MARGIN-LEFT: -5px;
    WIDTH: 11px! important;
    HEIGHT: 11px! important
}
.BottomReorderIndicator_TelerikDataGridB
{
    BACKGROUND: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>') no-repeat 0px -100px;
    MARGIN-LEFT: -5px;
    WIDTH: 11px! important;
    HEIGHT: 11px! important
}
.BottomReorderIndicator_TelerikDataGridB
{
    BACKGROUND-POSITION: -21px -100px
}
.GridFilterRow_TelerikDataGridB TD
{
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px
}
.RadGrid_TelerikDataGridB .rgFilter
{
    BACKGROUND-POSITION: 2px -288px
}
.GridFilterRow_TelerikDataGridB TD
{
    BORDER-BOTTOM: #a5bedf 1px solid
}
UNKNOWN
{
    BORDER-RIGHT: #6788be 1px solid;
    BORDER-TOP: #6788be 1px solid;
    FONT: 12px arial,sans-serif;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: #6788be 1px solid;
    COLOR: #000;
    BORDER-BOTTOM: #6788be 2px solid
}
.GroupPanel_TelerikDataGridB
{
    BORDER-RIGHT: #ff9900 1px dashed;
    BORDER-TOP: #ff9900 1px dashed;
    BACKGROUND: #ffebcc;
    BORDER-LEFT: #ff9900 1px dashed;
    BORDER-BOTTOM: #ff9900 1px dashed
}
.GroupPanel_TelerikDataGridB TD
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px
}
.GroupPanel_TelerikDataGridB TD TD
{
    PADDING-RIGHT: 1px;
    PADDING-LEFT: 1px;
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 1px
}
.GroupPanelItems_TelerikDataGridB
{
    BORDER-RIGHT: #8e827f 1px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #8e827f 1px solid;
    PADDING-LEFT: 4px;
    BACKGROUND: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>') #544b58 repeat-x 0px 0px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #8e827f 1px solid;
    COLOR: #fff;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #8e827f 1px solid
}
.GroupPanel_TelerikDataGridB .rgSortAsc
{
    BACKGROUND-POSITION: -21px -254px
}
.GroupPanel_TelerikDataGridB .rgSortDesc
{
    BACKGROUND-POSITION: 4px -254px
}
.GroupHeader_TelerikDataGridB TD
{
    PADDING-BOTTOM: 4px;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #6788be 2px solid
}
.RadGrid_TelerikDataGridB .rgExpand
{
    BACKGROUND-POSITION: 2px -130px
}
.RadGrid_TelerikDataGridB .rgCollapse
{
    BACKGROUND-POSITION: 2px -162px
}
.GroupHeader_TelerikDataGridB TD DIV
{
    TOP: -0.6em
}
.GroupHeader_TelerikDataGridB TD DIV DIV
{
    TOP: 0px
}
.GridEditForm_TelerikDataGridB
{
    BORDER-BOTTOM: #d8dde0 1px solid
}
UNKNOWN
{
    BORDER-RIGHT: #6788be 1px solid;
    BORDER-TOP: #6788be 1px solid;
    FONT: 12px arial,sans-serif;
    BORDER-LEFT: #6788be 1px solid;
    COLOR: #000;
    BORDER-BOTTOM: #6788be 2px solid
}
.GridEditForm_TelerikDataGridB A
{
    COLOR: #333
}
.RadGrid_TelerikDataGridB .rgUpdate
{
    BACKGROUND-POSITION: 3px -321px
}
.RadGrid_TelerikDataGridB .rgCancel
{
    BACKGROUND-POSITION: 2px -353px
}
.DetailTable_TelerikDataGridB
{
    BORDER-RIGHT: 0px
}
.GridCommandRow_TelerikDataGridB
{
    BACKGROUND: #fff
}
.GridCommandRow_TelerikDataGridB TD
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px
}
.GridCommandRow_TelerikDataGridB A
{
    COLOR: #333
}
.RadGrid_TelerikDataGridB .rgAdd
{
    BACKGROUND-POSITION: 2px -386px
}
.RadGrid_TelerikDataGridB .rgRefresh
{
    BACKGROUND-POSITION: 5px -417px
}
.RadGrid_TelerikDataGridB .rgEdit
{
    BACKGROUND-POSITION: 2px -450px
}
.RadGrid_TelerikDataGridB .rgDel
{
    BACKGROUND-POSITION: 2px -482px
}
.LoadingPanel_TelerikDataGridB
{
    BACKGROUND: #f3f3e2
}
.GridRowSelector_TelerikDataGridB
{
    BACKGROUND: #336
}
.GridItemDropIndicator_TelerikDataGridB
{
    BORDER-TOP: #666 1px dashed
}
.GridToolTip_TelerikDataGridB
{
    BORDER-RIGHT: #6788be 1px solid;
    PADDING-RIGHT: 3px;
    BORDER-TOP: #6788be 1px solid;
    PADDING-LEFT: 3px;
    BACKGROUND: #e9f2ff;
    PADDING-BOTTOM: 3px;
    BORDER-LEFT: #6788be 1px solid;
    COLOR: #575757;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #6788be 1px solid
}
.RadGridRTL_TelerikDataGridB .GridHeader_TelerikDataGridB
{
    TEXT-ALIGN: right
}
.RadGridRTL_TelerikDataGridB .ResizeHeader_TelerikDataGridB
{
    TEXT-ALIGN: right
}
.RadGridRTL_TelerikDataGridB .PagerLeft_TelerikDataGridB
{
    FLOAT: right
}
.RadGridRTL_TelerikDataGridB .GridPager_TelerikDataGridB .radslider
{
    FLOAT: right
}
.RadGridRTL_TelerikDataGridB .PagerRight_TelerikDataGridB
{
    FLOAT: left
}
.rgCommandCell input
{
    FONT-SIZE: 12px;
    COLOR: #fff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #3aa6b0
}
.PagerLeft_None
{
     float:left;
}

.PagerRight_None
{
     float:right;
}

Please provide the answer.

Thanks.

[Pavlina]

Hello Veshala,

From the provided information I can see that your version of RadGrid is the Q2 2009 release. In this case, your custom Skin should use the css class naming convention introduced in Q1 2009 and described here.
Please give it a try and let me know if you need further directions/help.

Best wishes,
Pavlina
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.