Highlight The Current (selected) Page Number in Repeater Pagination - ASPMANTRA | Asp.Net,MVC,AngularJs,Jquery,Javascript,Sql Server AND WCF snippets and tutorial Highlight The Current (selected) Page Number in Repeater Pagination

In this tutorial I will explain how to get highlight the current (selected) page number in repeater pagination in


In this tutorial I am using two repeater control (one to bind the data and 2nd one to display page number) and 4 link buttons (to go page First, Last, Next and Previous page). On page load only 4 page numbers will be visible when user clicks on page number 4 next page numbers will be display and so on. I am using PagedDatasource to do pagination in Repeater control.  When user clicks on any page number its must be highlighted e.g. change in color of selected page number.

Write the below given code on ItemDataBound event of Repeater control which we are using for pagination.           
    protected void repeaterpaging_ItemDataBound(object sender, RepeaterItemEventArgs e)
        LinkButton lnk = (LinkButton)e.Item.FindControl("btnPage");
        if (lnk.CommandArgument.ToString() == (Pageno).ToString())
            lnk.ForeColor = System.Drawing.Color.Black;
                lnk.ForeColor = System.Drawing.Color.White;

Protected Sub repeaterpaging_ItemDataBound(sender As Object, e As RepeaterItemEventArgs) Handles repeaterpaging.ItemDataBound
        Dim lnk As LinkButton = DirectCast(e.Item.FindControl("btnPage"), LinkButton)
        If lnk.CommandArgument.ToString() = (Pageno).ToString() Then
            lnk.ForeColor = System.Drawing.Color.Black
            If True Then
                lnk.ForeColor = System.Drawing.Color.White
            End If
        End If
    End Sub 

Build, run the project and see the result. 

DEMO: Highlight The Current (selected) Page Number in Repeater Pagination

 In this article we have learn how to highlight the current (selected) page number in repeater control pagination in,VB). I hope you enjoyed this article.

What do you think about this article?

If you found this article useful, please share and follow on Facebook, Twitter, Google Plus and other social media websites. To get free updates subscribe to newsletter. Please put your thoughts and feedback in comments section.