Customizing pager control
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
>
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