Cannot change spacing of a RadDataPager,

2 posts, 0 answers
  1. Tonyz289
    Tonyz289  avatar
    50 posts
    Member since:
    Jun 2011

    Posted 19 Jan 2012 Link to this post

    I am trying to change the lookout of a RadDataPager, No matter what I try I cannot affect the spacing between the elements (see red arrows below). Nor can the change the size of the boxes nor the font size (see green arrows)/

    Here is the styles I am using:
         font-size: 7pt;
         font-size: 7pt;

    Here is the definition of the RadDataPager
    <telerik:RadDataPager ID="RadDataPager1" runat="server" PageSize="25" PagedControlID="RadListView1"
        BorderWidth="0" OnFieldCreated="RadDataPager1_FieldCreated" CssClass="dataPagerClass">
            <telerik:RadDataPagerButtonField FieldType="FirstPrev" />
            <telerik:RadDataPagerButtonField FieldType="Numeric" PageButtonCount="5" />
            <telerik:RadDataPagerButtonField FieldType="NextLast" />
            <telerik:RadDataPagerPageSizeField PageSizeText="Page size: " />
            <telerik:RadDataPagerGoToPageField CurrentPageText="Page: " TotalPageText="of" SubmitButtonText="Go"
                TextBoxWidth="15" />
                    <b>Total Number of Assets Found:
                        <asp:Label runat="server" ID="TotalItemsLabel" Text="<%# Container.Owner.TotalRowCount%>" />
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 17 Feb 2012 Link to this post

    Hello Tonyz,

    You can easily change the look an feel of the RaddataPager by overriding the default CSS, which you can track with firebug/ Webdeveloper tool. Here is some example for the same.
    .RadDataPager_Default // changes the font size of the whole text
                font-size:large !important;
    .RadComboBox table td.rcbInputCell, .RadComboBox .rcbInputCell .rcbInput
                padding-left:5px !important;
                font-size:large !important;

Back to Top