In my experience, sometimes changing the theme to either one of the OneUI solve this kind of issues..

Yep, that was what it wanted, the ONEUI theme.  And that's fine for the database I'm working on, but in most cases, I don't want the ONEUI theme. 

So, if I want to use these pagers in the future, I'm forced to use the ONEUI theme?

You shouldn't need oneUI for the pagers...  I user them in bootstrap a lot.  Try nesting them in their own Divs/Panels...  That might help.

A little while back John Jardin did a video on styling a pager to look like bootstrap.  He does NOT require bootstrap.  He basically pulled out the needed CSS.  That might be interesting for you to look at.

http://johnjardin.ukuvuma.co.za/2015/06/24/video-tutorial-bootstrap-style-your-xpages-pager-control/

Good Luck!

Dave

I do have them in a DIV.  But without the ONEUI theme, they display stacked with bullets, taking up way too much room on the screen, and just looking crappy.

I'll check out the video, thanks!

I do have them in a DIV.  But without the ONEUI theme, they display stacked with bullets, taking up way too much room on the screen, and just looking crappy.

I'll check out the video, thanks!

Are you using you're own theme?  If you're specifically avoiding oneUI...  you still almost certainly want to keep using "webstandard"...  any custom theme should really extend from webstandard for those controls...

The pager works fine and lines up nicely. I found that bootstrap sets a 10px top and bottom margin which is a terrible waste of space so added this to one of my css's and it works great. Now I have not tried it with the view control because I us repeat controls almost exclusively.

.pagination {
    margin: 0px;
}

.bootstrapPager {
    margin-left: 10px;
    margin-bottom: 0px;
    margin-top: 0px;
    line-height: 12px;
}

Took me a fair bit of time to get everything set but I use plain jane <xp:pager in bootstrap and it works great. I think the video that David points to is for earlier releases using bootstrap4XPages I have found with the little over-ride above I don't really need to do much else with the standard pager in bootstrap. I find that OneUI says this is the way this control should look and if you don't like it tough. I have just finished converting my app from OneUI to bootstrap and am pretty happy with the result. 

I'm using the "Server default" theme, and my own CSS.  Thanks Bill, I'll add that bit of CSS to my style sheet and see if that helps.

I'm using the "Server default" theme, and my own CSS.  Thanks Bill, I'll add that bit of CSS to my style sheet and see if that helps.