A fairly minor request, but I think it would be useful.

Currently the custom pager links are a href links with their style name called out in the link itself, i.e.

<a href="somelinkhere" class="linkstyle" > ...

The only exception to this is the page count, which is set up as a span.

It would be very useful if it were possible to enclose all of these links in div tags, i.e.

<div class="custom_pagers">
  <div class="first_link">

      stuff

  </div>
  <div class="previous_link">

      stuff

  </div>
  <div class="link_count">

      stuff

  </div>
  <div class="next_link">

      stuff

  </div>
  <div class="last_link">

      stuff

  </div>
</div>

This allows for more precise styling and positioning of the links using CSS.

Also, it would be similarly useful if it were possible for pagers that appear above the node and pagers that appear below the node to be given different style names, i.e. "top_pager" and "bottom_pager", and perhaps a "sidebar_pager" as well. This would again allow for more precisice theming through CSS -- for example, I could specify that there be a visible border below the top pager and above the bottom pager.

Comments

eaton’s picture

eaton commented

I'm trying to think of a good way to handle the top and bottom pager classes, but the latest version of custom pagers puts the links into a UL tag, where the classes and ids get attached to the proper tags the way that they should. No div soup necessary. :-)

Does that work for you?

ubersoft’s picture

ubersoft commented

Yes, I was able to make that work, though it looks a little confusing at the moment. Here's a sample:

<ul class="custom-pager custom-pager-3 custom-pager-comic_hd">

<li class="first custom_pager_first"><a href="/comic/hd/1996/03/alex-loss-words" class="custom_pager_first">‹ ‹ first</a></li>

<li class="custom_pager_prev"><a href="/comic/hd/2007/03/hd20070308" class="custom_pager_prev">‹ previous</a></li>

<li class="custom_pager_index"><span class="custom_pager_index">979 of 979</span></li>

<li class="custom_pager_next"><span class="custom_pager_next">next ›</span></li>

<li class="last custom_pager_last"><span class="custom_pager_last">last › ›</span></li>
</ul>

Maybe it's a mistake I made on my end, but it looks like the styles of each pager are being called out twice.

niklp’s picture

niklp commented

That would be by design - this give the optimal number of css hooks with which to work.

If you don't like that much "soup", you can always override the themeing function.

niklp’s picture

niklp commented
Status: Fixed » Active

[double post]

wayland76’s picture

wayland76 commented
Status: Active » Fixed

Lets call it fixed then

Anonymous’s picture

Anonymous (not verified) commented
Status: Active » Closed (fixed)

Automatically closed -- issue fixed for two weeks with no activity.