This is a migrated thread and some comments may be shown as answers.

dataPager

1 Answer 56 Views
ListView
This is a migrated thread and some comments may be shown as answers.
Ch Perez
Top achievements
Rank 1
Ch Perez asked on 29 Jan 2011, 02:08 AM
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>

1 Answer, 1 is accepted

Sort by
0
brian
Top achievements
Rank 1
answered on 01 Feb 2011, 05:29 PM

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
Tags
ListView
Asked by
Ch Perez
Top achievements
Rank 1
Answers by
brian
Top achievements
Rank 1
Share this question
or