1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Missing Page Numbers from Pagination (floated right)

Discussion in 'Troubleshooting and Problems' started by GregF, Jan 9, 2012.

  1. GregF

    GregF Active Member

    Hi guys,

    Hoping someone can help with something other than revert to default templates :)

    I've been working on a custom XF theme for a client, and all has gone well, we've just hit some minor issues with the pagination control, we have it floated to the right hand side rather than left as default and have encountered the following issues we can't solve;
    • Missing page numbers from longer paged threads, eg. randomly drops page 8 from a 9 page thread when viewing page 9.
    • Pagination drops down onto 2 lines when using the arrows to cycle through pages, this can be fixed with Firebug, but then applying these changes to the CSS doesn't seem to hold?
    Any suggestions would be appreciated!
    Thanks, Greg
     
  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Can you post a URL showing the problem?

    That's a good approach (using Firebug). That's why I want the URL. :p
     
  3. GregF

    GregF Active Member

    Hi Jake, sending you a 'PM' now, just as I'm not sure if my client will want me to post the URL yet.
    Thanks, Greg
     
  4. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Your page number boxes are fat. The problem is the container isn't wide enough, and overflow is hidden. I was able to fix the problem in debug by increasing the width in this CSS:

    Admin CP -> Appearance -> Templates -> page_nav.css

    Code:
    	.PageNav .scrollable
    	{
    		position: relative;
    		overflow: hidden;
    		width: {xen:calc '(@pageNavLinkWidth * 5) + (@pageNavLinkSpacing * 4) + (@pageNavLink.border-width * 10)'}px; /* width of 5 page numbers plus their margin & border */
    		height: 18px; /* only needs to be approximate */
    	}
    
    Obviously this width is calculated. You should work with the variables that are referenced here. Those vars can be changed in your:

    Admin CP -> Appearance -> Style Properties -> PageNav, Link Groups and Tabs
     
    GregF likes this.
  5. GregF

    GregF Active Member

    Thanks Jake! That's solved the missing page number issue :)

    Any ideas regarding the pagination dropping onto 2 lines? Occurs in Firefox & Chrome...
    The problem is that the browser is setting the div width when rendering it, which when the extra arrow is added in, isn't wide enough, so it wraps whereas when editing it with firebug, the browser will update the width to accomodate the arrow.

    Thanks for your help,
    Greg
     
  6. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    I haven't been able to figure that out (short of manually setting a width which is crappy). Will take another look later.
     
    GregF likes this.
  7. GregF

    GregF Active Member

    Thanks (y)
     
  8. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Sorry I haven't been able to figure this out through debugging. You can try reverting related parts of the style to find the cause.
     

Share This Page