Skip navigation
chris5704
chris5704 Calculating status...
Currently Being Moderated

How do you customize the look of web app pagination?

May 4, 2012 6:25 PM

Tags: #pagination #web_apps #webapps

My automatic web app pagination looks terrible. I can see in the source code what classes are defining the behavior, but don't have access to styling those classes. Here's the source code:

 

<ul id="webapp13756pagination" class="pagination webapp">

<li class="pag-current">1</li>

<li class="pag-number"><a href="/Default.aspx?PageID=6699826&amp;A=WebApp&amp;CCID=13756&amp;Page=2&amp;Items=2">2</a></li>

<li class="pag-next"><a href="/Default.aspx?PageID=6699826&amp;A=WebApp&amp;CCID=13756&amp;Page=2&amp;Items=2">Next</a></li>

</ul>

 

Here's the link to the test page I'm working on. You'll see the pagination down in the lower right corner, look really bad.

 

http://chrishillmedia01.businesscatalyst.com/Default.aspx?PageID=66998 26&A=WebApp&CCID=13756&Page=1&Items=2

 

Hope there's a way to style it.

466 Views   1 Reply   Latest reply: dft-au, May 4, 2012 8:45 PM
 
Replies
  • dft-au
    Currently Being Moderated
    1. dft-au,
    May 4, 2012 8:45 PM   in reply to chris5704
    Report

    Hey Chris

     

    You do have access to those styles they are in ModuleStyleSheet.css the BC stylesheet.

     

    But if you don't want to touch that file you can simple override them in your own CSS.

     

    All the classes are layed out for you, and since they are in a UL LI you can do lots to them.

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points