[skyxn3t]

Is it possible to create a custom Pager for the GridView control of ASP.NET that looks liek this?




If so, can anyone give me some ideas or some starting code into how to create it?

Thank you.

[h4nnib4l]

You'll have to modify the GridView's PagerStyle and PagerSettings. First, create a method that takes a GridView as an argument, and updates the pagerstyle and pagersettings.

public void StyleGridView(GridView myGridView)
{
    myGridView.PagerStyle.BackColor = Color.Black;
    myGridView.PagerStyle.ForeColor = Color.White;

    myGridView.PagerSettings.NextPageImageUrl = "~MyNextPageImage.png";
    myGridView.PagerSettings.PreviousPageImageUrl = "~MyPreviousPageImage.png";

    *whatever other attributes you set*
}

Then, in the Page_Load, run the method and pass the gridview to it. This isn't everything you'll need to set, but it's a start.

EDIT: Added links to the respective MSDN pages.

Also, you can do it from the .aspx page with some CSS (which is probably what you'll want to do anyway).

Inside the gridview tags, use <PagerSettings /> and <PagerStyle />, and set the pagerstyle cssclass to .someclassname. The page numbers can be styled with .someclassname a, and the current page with .someclassname span. The border-radius attribute will be handy for this...

This post has been edited by h4nnib4l: 15 August 2012 - 01:01 PM