1-888-365-2779
+1-888-365-2779
Try Now
More in this section

Forums / Developing with Sitefinity / How to Change CSS style of current page in sf:Pager Control

How to Change CSS style of current page in sf:Pager Control

2 posts, 0 answered
  1. Pravat
    Pravat avatar
    59 posts
    Registered:
    22 Jun 2010
    23 Nov 2011
    Link to this post
    Hi Team,
                  I have used telerik:RadListView for display news list. I have used sf:Pager control for pagination. How to change CSS Style of current page in sf:pager control.

    I have used below code for pagging.

    <

     

     

    ul class="pagination">

     

     

     

    <sf:Pager ID="pager" runat="server" >

     

     

     

     

    </sf:Pager>

     


    My Requirement is like below

    <ul class="pagination">
    
    	<li class="on"><a href="">1</a></li>
    	<li><a href="">2</a></li>
    	<li><a href="">3</a></li>
    </ul>

     

     

     

    Please help me as soon as possible...

    Thanks & Regards,
    Pravat Sharma.

     

  2. Jen Peleva
    Jen Peleva avatar
    568 posts
    Registered:
    10 Nov 2016
    24 Nov 2011
    Link to this post
    Hi Pravat,

    The default behavior of the news widget offers paging functionality and you are able to choose the number of news items to be displayed in the front-end. Furthermore, there's a sf_PagerCurrent class, applied to the current page number, which allows you to style it using css. I believe it does what you're trying to achieve. The only difference is that in our widget page numbers are rendered as a list of links.

    All the best,
    Jen Peleva
    the Telerik team
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
2 posts, 0 answered