[Solved] RadGrid - "page Size" text color incorrect

[Hunter]

I'm using the embedded skin "Office2010Black" for my RadGrid.  Everything looks and works great except the label "Page Size" color on the page panels is black. Which makes it almost invisible on the dark gray background. The actual page numbers and the page count and item count are all white on dark gray.  So those are fine.

I've tried setting forecolor to white in the PagerStyle and I've try specifying a CSS with color=white for PagerStyle too.  No help with either of hese.  I tried creating a custom skin based on Office2010Black, but got stuck when I couldn't get the page radcombobox to display correctly and gave that up.

I can't see where I might be affecting this, but I can't believe that there is this issue with this skin (I aslo had the same problem when I tried the "Black" embedded skin too. ).  Here's the mark-up code:

<telerik:RadGrid ID="rgLog" runat="server" ShowGroupPanel="False" AllowPaging="true"
     ItemStyle-BackColor="#ffe394" BackColor="White" Visible="true"
     Height="200" PageSize="25"
     Skin="Office2010Black" AllowSorting="true" AutoGenerateColumns="false" BorderWidth="0px"
     Width="1000" AllowCustomPaging="True"
     OnNeedDataSource="rgLog_NeedDataSource" OnItemDataBound="rgLog_ItemDataBound">

     <AlternatingItemStyle BackColor="White" />
     <ClientSettings AllowColumnHide="True" AllowColumnsReorder="True" AllowGroupExpandCollapse="True"
         ReorderColumnsOnClient="True" AllowDragToGroup="False">
         <Scrolling AllowScroll="False" UseStaticHeaders="True" />
         <Resizing AllowColumnResize="true" AllowRowResize="true" />
     </ClientSettings>
     <GroupingSettings ShowUnGroupButton="False" />
     <PagerStyle AlwaysVisible="true" Position="TopAndBottom" />

     <MasterTableView TableLayout="Fixed" CommandItemDisplay="Top">
         <NoRecordsTemplate>
             <br />
             No Records matched this search.<br />
             <br />
         </NoRecordsTemplate>
         <CommandItemSettings ShowExportToWordButton="false" ShowExportToExcelButton="false"
             ShowExportToCsvButton="true" ShowExportToPdfButton="false" ShowAddNewRecordButton="false" />
         <Columns>
             <telerik:GridTemplateColumn HeaderText="View Events" ItemStyle-HorizontalAlign="Center">
                 <ItemTemplate>
                     <a href="<%# GetURL( Eval("Number")) %>">
                         <img src='images/1258747021_old-edit-find.png' alt="View Detail" border="0" />
                     </a>
                 </ItemTemplate>
             </telerik:GridTemplateColumn>
             <telerik:GridTemplateColumn HeaderText="View Report" ItemStyle-HorizontalAlign="Center">
                 <ItemTemplate>
                     <a href="<%# GetChartURL( Eval("Number")) %>">
                         <img src='images/1259005159_pie_chart_search.png' width="24" alt="View Detail" border="0" />
                     </a>
                 </ItemTemplate>
             </telerik:GridTemplateColumn>
             <telerik:GridBoundColumn DataField="Number" Visible="false" />
             <telerik:GridBoundColumn DataField="Percent %" HeaderText="% of Total" ItemStyle-HorizontalAlign="Right"
                 DataFormatString="{0:p}" />
             <telerik:GridBoundColumn DataField="COUNT" HeaderText="Event Count" ItemStyle-HorizontalAlign="Right"
                 DataFormatString="{0:###,###,###}" />
         </Columns>
     </MasterTableView>

 </telerik:RadGrid>

Any help or suggestions on this are appreciated..

[Galin]

Hi Hunter,

As you can verify in this demo (choose NextPrevNumericAndAdvanced) the label Page Size is white. Also see the attached screenshot how your project looks at my side.

Therefore, I suppose you have external custom styles and they are changing the appearance. I highly recommend you to use web tools like Firebug for Firefox / IE developer tool. Shortcut F12 activates both and with them is very easy to inspect the elements and to see the styles that they have. After researching the styles of elements you can add or edit their rules.

However, you can change the color of the label with the following CSS rule

div.RadGrid .rgPagerLabel
{
    #e2e2e2;
}

I hope this helps.

Greetings,
Galin
the Telerik team

[Hunter]

As far as I know I don't have an external custom style for this.  However your suggestion fixes my issue (with an obvious adjustment)

div.RadGrid .rgPagerLabel

{

     color:e2e2e2;

}

Thanks