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

RadGrid pager controls

3 Answers 72 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Riccardo
Top achievements
Rank 1
Riccardo asked on 20 Mar 2017, 05:56 PM
It's possibile add custom controls (ex: RadButton) in a RadGrid pager?

3 Answers, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 21 Mar 2017, 03:42 PM

Hello Riccardo,

Please, review the following useful topics:

http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/functionality/paging/changing-the-default-pager/programmatic-pager-customization and http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/appearance-and-styling/customizing-the-pager#pager-templates


Best regards,
Rumen
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Riccardo
Top achievements
Rank 1
answered on 21 Mar 2017, 04:24 PM
Hi Rumen, thanks for the reply.
I have seen pages of documentation, but I would like (if possible) to use something that had the same style of a RadDataPager
0
Rumen
Telerik team
answered on 22 Mar 2017, 12:51 PM

Hello Riccardo,

The solution provided in the Pager Template article works fine with RadButton components in the template:

<MasterTableView AutoGenerateColumns="false" TableLayout="Fixed" CommandItemDisplay="Top">
     <PagerTemplate>
         <table border="0" cellpadding="5" height="18px" width="100%">
             <tr>
                 <td style="border-style: none;">
                     <telerik:RadButton ID="LinkButton1" CommandName="Page" CausesValidation="false" CommandArgument="First" runat="server" Text="First"></telerik:RadButton>
                 </td>
                 <td style="border-style: none;">
                     <telerik:RadButton ID="LinkButton5" CommandName="Page" CausesValidation="false" CommandArgument="Prev" runat="server" Text="Prev"></telerik:RadButton>
                 </td>
                 <td style="border-style: none;">
                     <asp:TextBox ID="tbPageNumber" runat="server" Columns="3" />
 
                 </td>
                 <td style="border-style: none;">
                     <asp:LinkButton ID="LinkButton4" runat="server" CommandName="CustomChangePage">Go</asp:LinkButton>
                 </td>
                 <td style="border-style: none;">
                     <asp:LinkButton ID="LinkButton3" CommandName="Page" CausesValidation="false" CommandArgument="Next" runat="server">Next</asp:LinkButton>
                 </td>
                 <td style="border-style: none;">
                     <asp:LinkButton ID="LinkButton2" CommandName="Page" CausesValidation="false" CommandArgument="Last" runat="server">Last</asp:LinkButton>
                 </td>
                 <td style="border-style: none; width: 100%" align="right">
                     <asp:LinkButton ID="LinkButton6" CommandName="RebindGrid" CausesValidation="false" runat="server">Refresh data</asp:LinkButton>
                 </td>
             </tr>
         </table>
     </PagerTemplate>

Best regards,

Rumen
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Grid
Asked by
Riccardo
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Riccardo
Top achievements
Rank 1
Share this question
or