CSControl:Pager Template Styling
Posted by Anders Vindberg
in Lunarmedia Blog
on the 28 Jul. 2010 (11,889 views).
Styling the pager control in Community Server always escapes me so here is an example:
<CSControl:Pager id="pager" runat="Server" Tag="div" style='text-align: center;'>
<FirstLinkTemplate>
<CSControl:CSLinkData LinkTo="Link" LinkCssClass="TextButton"
runat="server"><ContentTemplate><span><span>Newest</span></span></ContentTemplate></CSControl:CSLinkData>
</FirstLinkTemplate>
<PreviousLinkTemplate>
<CSControl:CSLinkData LinkTo="Link" LinkCssClass="TextButton"
runat="server"><ContentTemplate><span><span>Newer</span></span></ContentTemplate></CSControl:CSLinkData>
</PreviousLinkTemplate>
<PageLinkTemplate>
<CSControl:CSLinkData LinkTo="Link" Property="Text"
Text="<span><span>{0}</span></span>"
LinkCssClass="TextButton" runat="server" />
</PageLinkTemplate>
<CurrentPageLinkTemplate>
<CSControl:CSLinkData Tag="Span" CssClass="TextButtonDisabled"
Property="Text"
Text="<span><span>{0}</span></span>"
runat="server" />
</CurrentPageLinkTemplate>
<SeparatorTemplate></SeparatorTemplate>
<NextLinkTemplate>
<CSControl:CSLinkData LinkTo="Link" LinkCssClass="TextButton"
runat="server"><ContentTemplate><span><span>Older</span></span></ContentTemplate></CSControl:CSLinkData>
</NextLinkTemplate>
<LastLinkTemplate>
<CSControl:CSLinkData LinkTo="Link" LinkCssClass="TextButton"
runat="server"><ContentTemplate><span><span>Oldest</span></span></ContentTemplate></CSControl:CSLinkData>
</LastLinkTemplate>
</CSControl:Pager>
Source: http://getben.com/archive/2007/01/30/introduction-to-chameleon-questions-and-answers.aspx