dataPager

2 posts, 0 answers
  1. Ch Perez
    Ch Perez avatar
    18 posts
    Member since:
    Apr 2010

    Posted 28 Jan 2011 Link to this post

    hi i have datapager with my listview control.

    i want change button image 'next' 'prev'
    how can i do ?

    this button have no imageUrl !
    <telerik:RadDataPagerButtonField FieldType="FirstPrev" />


    this my exemple work fine, but with the original button...:(

    <telerik:RadDataPager ID="RadDataPager1" runat="server" PagedControlID="RadListView1" PageSize="10" >
                                        <Fields>
                                            <telerik:RadDataPagerButtonField FieldType="FirstPrev" />
                                           <telerik:RadDataPagerTemplatePageField>
                                                <PagerTemplate>
                                                    <div style="float: right;font-family:Arial;font-size:10px;">
                                                        <asp:Label runat="server" ID="CurrentPageLabel" Text="<%# Container.Owner.StartRowIndex+1%>" />&nbsp;-&nbsp;
                                                        <asp:Label runat="server" ID="TotalItemsLabel" Text="<%# Container.Owner.TotalRowCount%>" />
                                                    </div>
                                                </PagerTemplate>
                                            </telerik:RadDataPagerTemplatePageField>
                                        <telerik:RadDataPagerButtonField FieldType="NextLast" />
                                        </Fields>
                                    </telerik:RadDataPager>
  2. brian
    brian avatar
    11 posts
    Member since:
    Apr 2009

    Posted 01 Feb 2011 Link to this post


    Either edit your particular skin or do something like this on the page

     
    .RadDataPager_Sitefinity .rdpPageFirst,
        .RadDataPager_Sitefinity .rdpPagePrev,
         .RadDataPager_Sitefinity .rdpPageNext,
          .RadDataPager_Sitefinity .rdpPageLast
        {   
          background-image:url(/images/SomeButtonORSprite.png);
        }
     
      .RadDataPager_Sitefinity .rdpPageFirst:hover
       {
        either a new image or
        background-position: for your sprite
        }
       
    only remove their sprite from the classes you want and handle hover for each class you change IMHO.  Replace 'Sitefinity' with skin of choice

    Regards
    Brian
Back to Top