Announcement

Collapse
No announcement yet.

Topic Pagination Dropdown

Collapse
X
Collapse
First Prev Next Last
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Paid Mod Topic Pagination Dropdown

    This Topic Pagination Dropdown mod makes the pagination controls in a topic more intuitive and easier to use. It does this by replacing the default vBulletin 5 pagination controls in the conversation toolbar in a topic page with a dropdown control containing all the page numbers and bigger Prev and Next buttons and adding First and Last buttons which the default controls don't have.

    Click image for larger version  Name:	topic-pagination.png Views:	633 Size:	10.1 KB ID:	24945


    Compatibility:
    • Compatible with vBulletin 5 (self-hosted)
    • Compatible with vBulletin 6 (self-hosted). Requires a small CSS tweak in css_additional.css template to fix dropdown height to match the buttons. Height based on default vB6 style. Value may be different for custom styles/themes.
      Code:
      	.l-desktop .custom-pagination select {
      	    height: 32px;
      	}
    • Not compatible with vBCloud.

    Style Customization:
    By default, the pagination buttons are styled the same as the regular buttons on the site. To customize them to different style, use the following CSS selectors.
    Code:
    /* style all pagination buttons */
    .custom-pagination .b-button {
    
    }
    
    /* style pagination First button */
    .custom-pagination .custom-pagination-first {
    
    }
    
    /* style pagination Prev button */
    .custom-pagination .custom-pagination-prev {
    
    }
    
    /* style pagination Next button */
    .custom-pagination .custom-pagination-next {
    
    }
    
    /* style pagination Last button */
    .custom-pagination .custom-pagination-last {
    
    }
    
    /* style pagination dropdown */
    .custom-pagination .custom-pagination-dropdown {
    
    }

    Phrase Customization:
    Use the following phrase variables to translate the First, Prev, Next and Last buttons. These are all existing vB phrase variables that this mod is re-using.
    • first
    • prev
    • next
    • last

    Demo:
    See a multi-page topic on this site.

    Instructions:
    Please refer to the installation document included in the file.

    Price 1:

    $15 (with vbmods.rocks branding in the footer)

    Buy Now Add to Cart View Cart

    Price 2:

    $40
    ($15 base price + $25 branding-free)

    Buy Now Add to Cart View Cart
    Last edited by glennrocksvb; 08-28-2023, 05:58 PM.
    Helpful? Donate. Thanks!
    Buy me a coffeePayPal QR Code
    Fast VPS Host for vBulletin:
    A2 Hosting & IONOS

    #2
    Thanks Glenn,

    Mod installed and works wonderfully.

    Enjoy,
    William

    Comment


    • glennrocksvb
      glennrocksvb commented
      Editing a comment
      Thanks for the purchase as always.

    #3
    Hi Glenn,

    Works beautifully, but need some styling with my customized style:
    Click image for larger version

Name:	Screenshot 2017-10-21 12.30.26.png
Views:	289
Size:	6.8 KB
ID:	7180

    Are you able to assist me?

    Thanks,
    Rob

    Comment


    • glennrocksvb
      glennrocksvb commented
      Editing a comment
      Sure. I'll take a look when I get to my desktop.

    #4
    Fleiding, try adding this custom CSS:

    Code:
    .custom-pagination {
        margin-top: -2px;
    }
    
    .custom-pagination .b-button {
        height: 28px;
    }
    Helpful? Donate. Thanks!
    Buy me a coffeePayPal QR Code
    Fast VPS Host for vBulletin:
    A2 Hosting & IONOS

    Comment


      #5
      glennrocksvb, that did the trick. Enjoy your coffee!

      Comment


        #6
        Amazing. So much better. I really cant stand VB5. Without your mods it would be brutal. lol

        Comment


          #7
          Glenn this is acting "weird".

          For example, when browsing from today's posts:
          Go to Prayer requests for TonyT: https://www.christforums.org/forum/p...ests-for-tonyt

          It lands on page 1 and most times when clicking last the nav button nor page renders the last page it is on. This is not always consistent. It will go to page nine but you can't always tell that is on page nine because it shows page 1 and that there is an option to go to the last page while actually on the last page.

          Thanks,
          William

          Comment


            #8
            I tried clicking Last button multiple times but cannot replicate the issue. It correctly renders the last page which is page 9.
            Helpful? Donate. Thanks!
            Buy me a coffeePayPal QR Code
            Fast VPS Host for vBulletin:
            A2 Hosting & IONOS

            Comment


              #9
              Originally posted by glennrocksvb View Post
              I tried clicking Last button multiple times but cannot replicate the issue. It correctly renders the last page which is page 9.
              Yes, it doesn't glitch every time. But when it does it is noticeable. Navigating from search results like my topic or today's posts for some reason lands the end user on the first page of a multi page thread and then the navigate button and page indicator do not always show up correctly.

              Comment


              • glennrocksvb
                glennrocksvb commented
                Editing a comment
                When it does, please check the Javascript console for any Javascript error. Then post it here.

              #10
              I just upgraded to 5.4.1 and noticed that the search bar on my custom style has not the same height as the default vB styles. Is there CSS I can use to fix this?

              Comment


              • glennrocksvb
                glennrocksvb commented
                Editing a comment
                I checked your site but Search box is not available for guests. So I cannot checked what CSS is needed to fix.

              • Fleiding
                Fleiding commented
                Editing a comment
                I created an account for you; details are sent by PM.

              • glennrocksvb
                glennrocksvb commented
                Editing a comment
                Try this:

                Code:
                .conversation-toolbar-wrapper .conversation-toolbar input[type="text"] {
                    height: 24px;
                }

              • Fleiding
                Fleiding commented
                Editing a comment
                That did the trick! Enjoy your coffee!

              #11
              I have installed this mod and it works well on Laptop, but not smart phone, right?

              Comment


              • glennrocksvb
                glennrocksvb commented
                Editing a comment
                Correct. By default on mobile, there are pagination buttons on top that are similar to the ones at the bottom.

              #12
              thanks glen bought it will let you at soon I installed hope is working on vb 5.4.5
              voyger.: In Almighty God I trust, everyone else has to provide evidence."

              Comment


                #13
                work nicely on
                vb 5.4.5
                thanks thanks thank you gif GIF
                voyger.: In Almighty God I trust, everyone else has to provide evidence."

                Comment


                  #14
                  This was the first thing many of my users complained about when I upgraded to VB5, well worth the fee and very straightforward to add to the site.

                  Slightly baffled as to why VB got rid of it to begin with though.

                  Comment


                    #15
                    hi glen some time go I purchased Topic Pagination Dropdown
                    can I get the $25 branding-free?

                    thanks
                    voyger.: In Almighty God I trust, everyone else has to provide evidence."

                    Comment

                  Users Viewing This Page

                  Collapse

                  There is 1 user viewing this forum topic.

                  • Guest Guest

                  Latest Posts

                  Collapse

                  Working...
                  X
                  Searching...Please wait.
                  An unexpected error was returned: 'Your submission could not be processed because you have logged in since the previous page was loaded.

                  Please push the back button and reload the previous window.'
                  An unexpected error was returned: 'Your submission could not be processed because the token has expired.

                  Please push the back button and reload the previous window.'
                  An internal error has occurred and the module cannot be displayed.
                  There are no results that meet this criteria.
                  Search Result for "|||"