Customizing pager control

Posted by Community Admin on 04-Aug-2018 01:29

Customizing pager control

All Replies

Posted by Community Admin on 03-Feb-2014 00:00

I'd like to customize the layout of the built-in pager control, and I'm hoping to accomplish this with a ViewMap as opposed to a full-blown custom solution (like this blog post describes). Unfortunately, it appears that the default ascx resource uses a bunch of divs. I'd like to accomplish something like this:

<ul class="pagination">
    <li><a href="#">Prev</a></li>
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li><a href="#">Next</a></li>
</ul>

Is this possible with just an ascx file and ViewMap? If so, any pointers on how I can make that happen?

Posted by Community Admin on 03-Feb-2014 00:00

Hi Josh,

For as far as I know, you will need a solution like the one in the blogpost that you pointed at.
The First, Previous, Next and Last buttons use divs and the numbering is inside a repeater.

I created an override for the Pager control in a separate project which also allows to override the default template, but you still need the full-blown solution.

Kind regards,
Daniel

This thread is closed