Fork me on GitHub

AspNetPager demo - Setting paging buttons layout

This sample demonstrates how to set PagingButtonLayoutType property to wrap paging element in span or li tags in order to apply css styles.

PagingButtonLayoutType=PagingButtonLayoutType.None(default):


PagingButtonLayoutType=PagingButtonLayoutType.Span:

<<<12345678910...>>>  

PagingButtonLayoutType=PagingButtonLayoutType.UnorderedList:

PagingButtonLayoutType.aspx:

  <h4>PagingButtonLayoutType=PagingButtonLayoutType.None(default):</h4>
    <webdiyer:AspNetPager ID="AspNetPager3" runat="server" RecordCount="299">
    </webdiyer:AspNetPager>
  <hr />
  <h4>PagingButtonLayoutType=PagingButtonLayoutType.Span:</h4>
    <webdiyer:AspNetPager ID="AspNetPager2" runat="server" 
        PagingButtonLayoutType="Span" RecordCount="299" UrlPaging="True" UrlPageIndexName="pi" PageIndexBoxType="DropDownList">
    </webdiyer:AspNetPager>
    <hr />
    <h4>PagingButtonLayoutType=PagingButtonLayoutType.UnorderedList:</h4>
    <webdiyer:AspNetPager ID="AspNetPager1" runat="server" 
        PagingButtonLayoutType="UnorderedList" RecordCount="299" UrlPaging="True">
    </webdiyer:AspNetPager>