Appearance of the RadGrid page buttons

[Cedo]

Hello

We are using "out of the box" RadGrids with no special formattings other than Skin="Sunset". Our RadGrid page buttons are somehow split in the middle what makes them too wide and strange looking:

Screenshot of our RadGrid page buttons

Is this the normal appearance of RadGrid buttons? Do we have to do some custom formatting to make them look "normal" (not split and not so wide) ?

This is how our RadGrid is defined in the aspx file:

<telerik:RadGrid ID="RadGridApplicationLogs" runat="server"
    AllowFilteringByColumn="True" AllowPaging="True" AllowSorting="True" GridLines="None" DataSourceID="ObjectDataSourceApplicationLogs" ShowGroupPanel="False" Skin="Sunset" >
    <MasterTableView AutoGenerateColumns="False" DataKeyNames="ApplicationLogID" CommandItemDisplay="Bottom">
        <Columns>
...
        </Columns>
    </MasterTableView>
    <ClientSettings AllowDragToGroup="False" EnablePostBackOnRowClick="true">
        <Scrolling AllowScroll="True" UseStaticHeaders="True" ScrollHeight="300px" />
        <Selecting AllowRowSelect="True" />
        <Resizing AllowRowResize="False" EnableRealTimeResize="False" ResizeGridOnColumnResize="True" AllowColumnResize="True"></Resizing>
    </ClientSettings>
</telerik:RadGrid>

 
Thanks

[Dimo]

Hello Cedo,

Surely this is not the expected appearance of the RadGrid page number buttons. You can see them here:

http://demos.telerik.com/aspnet-ajax/grid/examples/generalfeatures/paging/defaultcs.aspx

You probably have some custom width CSS styles defined for <a> or <span> elements, which influence RadGrid. Check this using Firebug.

Regards,
Dimo
the Telerik team

[Cedo]

Hello Dimo

Thank you very much for your reply. Your suggestion was right on the spot.  The problem was indeed due to a CSS style for <a> elements. After removing the following CSS style definition the page buttons appeared normal and correct:

a, a:visited {
                text-decoration: none;
                width: 100px;
}

Thanks and Regards