Pager Control Properties

[Don]

We have a Grid with these pager settinsg in the Skin file:

<PagerStyle HorizontalAlign="Center"

Position="Bottom"

PagerTextFormat="Items {2} to {3} of {5}. Page {0} of {1} {4}"

AlwaysVisible="false"

EnableSEOPaging="True"

Mode="NextPrevAndNumeric"

BackColor="White" />

and a web.config setting to set eh skin 

<

add key="Telerik.Skin" value="Office2007" />

We need to change the font, size, color and trype on the diplayed text in the grid pager. Somehow the modified settings do-not take effect and and the skin files font size and properties override the individual settings.

[Dimo]

Hi Don,

In order to change the styles related to RadGrid pager item, you need to use the

.GridPager_Office2007

CSS class. You can set styles to the CSS class directly, or set styles to elements inside this CSS class, for example:

.GridPager_Office2007  span
{
   ........
}


In addition, please refer to the following blog post for more information about how to override embedded skins:

http://blogs.telerik.com/DimoDimov/Posts/08-06-17/How_To_Override_Styles_in_a_RadControl_for_ASP_NET_AJAX_Embedded_Skin.aspx


Let us know if you need further advice, but in this case, please provide some more information what exactly you want to achieve.


Best wishes,
Dimo
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.