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

how to hide RadGrid Paging Default buttons?

1 Answer 138 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Nasir
Top achievements
Rank 1
Nasir asked on 09 Apr 2012, 02:02 PM
<PagerStyle Mode="NextPrevAndNumeric" CssClass="GridPagerStyle_customized" PageButtonCount="10" Position="TopAndBottom" AlwaysVisible="True" PagerTextFormat="V&#228;lj sida: <a onclick='javascript:openPreviousPage();'><img src='../Images/newimages/left_singel_arrow.png' style='cursor:pointer;' title='Previous' /></a> {4} <a onclick='javascript:openNextPage();'><img src='../Images/newimages/right_singel_arrow.png' style='cursor:pointer;' title='Next' /></a> &amp;nbsp;&amp;nbsp; Visar sida {0} av {1}, post {2} till {3} av {5}">
</PagerStyle> 

Note: i have added my own Next And Previous Button image in PagerTextFormat. now i want to hide the Default Buttons for Next and Previous Page. 

1 Answer, 1 is accepted

Sort by
0
Eyup
Telerik team
answered on 11 Apr 2012, 07:51 PM
Hi Nasir,

You have two options to disable Next and Prev buttons:
  • change pager mode to numeric:
<PagerStyle ... Mode="NumericPages" >
  • make them invisible in the pager CSS class:
<style type="text/css">
       .rgPageFirst, .rgPagePrev, .rgPageNext, .rgPageLast
       {
           display: none;
       }
</style>

Give it a try and let me know what is the result.

Regards,
Eyup
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Tags
Grid
Asked by
Nasir
Top achievements
Rank 1
Answers by
Eyup
Telerik team
Share this question
or