Currently my pager.ascx control is outputting in a vertical list format:



<LI class=disabled id=ctl00_MainContentHolder_Pager1_FirstListItem>First
<LI class=disabled id=ctl00_MainContentHolder_Pager1_PreviousListItem>Prev
<LI class=current>2[/color]
<LI>[color=#810081>3]<LI>4[/color]
<LI>[color=#0000ff>5]<LI id=ctl00_MainContentHolder_Pager1_NextListItem>Next[/color]
<LI id=ctl00_MainContentHolder_Pager1_LastListItem><FONT color=#0000ff>Last </LI>



I would like to have the pager.ascx output changed to a horizontal format.
I think it is important to also simplify the control. I will not require First and Last.

Previous Page 1 2 3 4 5 Next Page


How do I go about doing this?
- Is there a way to do this in the Admin Settings Software Options?
- Can this easily be changed in CSS?
- Do I modify pager.ascx?
- Do I have to modify Pager.ascx.vb?
- Is their a setting I can change in

I am using have visual Web developer 2008 Express Edition.

Thank you.

Here is what is in the Pager.ascx

<%@ Control Language="VB" AutoEventWireup="false" CodeFile="Pager.ascx.vb" Inherits="BVModules_Controls_Pager" %>
<div class="pager">
<ul>
<li id="FirstListItem" runat="server"></li>
<li id="PreviousListItem" runat="server"></li>
<asp:PlaceHolder ID="PagesPlaceHolder" runat="server"></asp:PlaceHolder>
<li id="NextListItem" runat="server"></li>
<li id="LastListItem" runat="server"></li>
</ul>
</div>

Sounds like you're missing the styles for the pager in your theme.

Paste this into your theme's stylesheet and format as you see fit:

/* Pager Control */
.pager { margin: 10px 0; padding: 5px 0; text-align: center; clear: both; }
.pager ul {list-style:none;margin:0;padding:0;}
.pager ul li {display:inline;margin:0;padding:0}
.pager a {color:#ddd; text-decoration:none;margin:0 20px 0 0;}