bordertop to the radgrid pager

[Srinivasa Gokidi]

Hi,

Can we put only top border for radgrid pager when we enable EnableEmbeddedSkins="false" to a radgrid? I did the following way but it didn't work.

        .rgpager
        {
           border-top: solid 1px black !important;
        }

 <PagerStyle BackColor="#F5F5E9" ForeColor="#F5F5E9" CssClass="rgpager" />

Grid Settings

<telerik:RadGrid ID="rgDependency" runat="server" Height="476px" GridLines="None"
    ShowGroupPanel="false" ShowFooter="false" AutoGenerateColumns="false" EnableEmbeddedSkins="true"
    AllowPaging="true" PageSize="20" BorderStyle="None" BorderColor="Black" BorderWidth="0px"
    BackColor="White" OnItemCommand="rgDependency_ItemCommand" OnItemDataBound="rgDependency_ItemDataBound"
    OnNeedDataSource="rgDependency_NeedDataSource" AllowSorting="true">
    <HeaderStyle Height="20px" BackColor="#004000" Font-Size="8pt" Font-Bold="True" ForeColor="White"
        HorizontalAlign="Center" BorderColor="White" BorderWidth="1px" />
    <ItemStyle HorizontalAlign="Center" BackColor="White" />
    <CommandItemStyle BackColor="#f5f5e9" ForeColor="#f5f5e9" Height="10px" />
    <AlternatingItemStyle BackColor="#F5F5E9" HorizontalAlign="Center" />
    <PagerStyle BackColor="#F5F5E9" ForeColor="#F5F5E9" CssClass="rgpager" />
    <ExportSettings ExportOnlyData="true" IgnorePaging="true" HideStructureColumns="true"
        Excel-Format="ExcelML" />
    <MasterTableView DataKeyNames="DependencyNumber" CommandItemDisplay="Top" GridLines="None">
        <CommandItemSettings ShowExportToExcelButton="true" ShowRefreshButton="true" ShowAddNewRecordButton="false" />
        <Columns>
            //columns
        </Columns>
        <NoRecordsTemplate>
            No Dependencies found</NoRecordsTemplate>
    </MasterTableView>
    <ClientSettings>
        <Resizing AllowColumnResize="true" />
        <Scrolling AllowScroll="true" ScrollHeight="400px" UseStaticHeaders="true" />
    </ClientSettings>
</telerik:RadGrid>

[Princy]

Hello Srinivasa,

In order to set border for pager when EnableEmbeddedSkins is false, try overriding the default CSS as shown below. Hope this helps.

CSS:

<style type="text/css">
 .RadGrid_Default td.rgPagerCell
  {
    border-top: solid 1px black !important;
  }
</style>

Thanks,
Princy.