Hide Pager Buttons on last page

[Francesco Vivaldi]

Hi,

I have implemented a pager with custom button.

<PagerStyle ForeColor="Blue" Mode="NextPrevAndNumeric"
                    NextPageImageUrl="immagini/u221.png"

Works great, but i want to hide the NextPage Button on Last Page of radgrid, or when i select from combobox the max size of the PageSize.

[Princy]

Hello Francesco,

Here is a sample code to achieve your requirement.

C#:

protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)
   {
       if (e.Item is GridPagerItem)
       {
           GridPagerItem pagerItem = (GridPagerItem)e.Item;
           if (pagerItem.Paging.IsLastPage)
           {
               pagerItem.Display = false;
           }
       }
  }

Thanks,
Princy.

[Francesco Vivaldi]

HI.

works great, but in this way i hide all pager item, i need to hide only the "NextButton".(black arrow in screenshot)
see attachment.

[Pavlina]

Hello Francesco,

To hide only the "NextButton" in grid pager you can use the CSS class below:

.RadGrid_SkinName .rgPageNext
 {
   display:none;
 }

Regards,
Pavlina
the Telerik team

[Bill]

It seems that the first answer posted hides all buttons and the second answer posted hides the Next button at all times.

But how can you hide ONLY the Next button when its the last page of the grid?
Thanks

[Shinu]

Hi,

Try the following code to achieve your scenario.
C#:

protected void RadGrid1_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e)
{
        if (e.Item is GridPagerItem)
        {
            GridPagerItem pagerItem = (GridPagerItem)e.Item;
            if (pagerItem.Paging.IsFirstPage)
                pagerItem.CssClass = "NextPage";
        }
}

CSS:

.RadNextPage .rgPageNext
{
  display: none !important;
}

Thanks,
Shinu