gjshah7254
7/13/2015 - 11:17 PM

Kentico Uni Pager webpart for paging in repeaters

Kentico Uni Pager webpart for paging in repeaters

//Other options /parameters are mentioned here https://docs.kentico.com/display/K8/UniPager


//Works only for single Uni Pager on a page:
<cms:UniPager runat="server" ID="PgrRedeemPoints" PageControl="IDofRepeater" PagerMode="PostBack" HidePagerForSinglePage="true" PageSize="10">
                <pagenumberstemplate><a href="<%# Eval("PageURL") %>" class="btn paging-number"><%# Eval("Page") %></a></pagenumberstemplate>
                <previouspagetemplate><a href="<%# Eval("PreviousUrl") %>" class="btn paging-previous"><i class="icon-left"></i></a></previouspagetemplate>
                <nextpagetemplate><a href="<%# Eval("NextUrl") %>" class="btn paging-next"><i class="icon-right"></i></a></nextpagetemplate>
                <layouttemplate>              
                    <div class="paging">
                            <asp:PlaceHolder runat="server" ID="plcPreviousPage"></asp:PlaceHolder>
                            <asp:PlaceHolder runat="server" ID="plcPageNumbers"></asp:PlaceHolder>
                            <asp:PlaceHolder runat="server" ID="plcNextPage"></asp:PlaceHolder>
                    </div>              
                </layouttemplate>
            </cms:UniPager>
            
//For multiple UniPager on a page:
<cms:UniPager runat="server" ID="PgrRedeemPoints" PageControl="rptRedeemPoints" PagerMode="PostBack" HidePagerForSinglePage="true" PageSize="1">
           <pagenumberstemplate>                    
                    <a href="<%# Eval("PageURL") %>" class="btn paging-number"><%# Eval("Page") %></a>
                </pagenumberstemplate>
                <previouspagetemplate>
                    <div class="paging">
                    <a href="<%# Eval("PreviousUrl") %>" class="btn paging-previous"><i class="icon-left"></i></a>
                </previouspagetemplate>
                <nextpagetemplate>
                    <a href="<%# Eval("NextUrl") %>" class="btn paging-next"><i class="icon-right"></i></a>
                    </div>  
                </nextpagetemplate>
            </cms:UniPager>