ISSUE WITH PAGINATION CONTROLS IN WORDPRESS

[michaleben123]

ISSUE WITH PAGINATION CONTROLS IN WORDPRESS

I am running into a problem that I think must have popped up for others using data pages in a mobile form factor:

- even with "Record per Page" hidden,  the pagination controls are not entirely visible

- because of the visibility issue, users can't get past the 2nd page of data...the "next" icon is not visible

 

TRYING TO...

Does anyone now how to format the pagination controls (mobile form factor) using embed function, such that:

- controls are completely left-justified (assumes "Record per Page" is hidden)

- controls are completely left-justified and below  "Record per Page" (assumes "Record per Page" is NOT hidden)

- spacing between (first, next, prev and last) icons and text ("Page" and "of") is compressed

 

DIFFERENT MODES...

- embed reference does not work (after 2nd page, "next" icon is not visible)

- iframe seems to work - pagination controls are completely left justified, so controls are visible after 2nd page, but there's no frame sizing controls

- wordpress plugin does not work (after 2nd page, "next" icon is not visible)

 

Thanks!

 

 

[Hastur]

@michaleben123

Hello!
There are two ways how to approach your issue.

The first one is to get rid of blank fields between "Records per page" and "Page" navigation.
You need to insert this snippet of code into your Header:

<script type="text/javascript">
document.addEventListener('DataPageReady', function () {
 let elems = [document.querySelector('table[class^="cbResultSetNavigationTableCellspacing"] tbody')][0].firstChild.children;
 
 for(let i = 0; i < elems.length; i++) {
  if(elems[i].innerHTML == '&nbsp;') {
   elems[i].style.display = 'none';
  }
 }
});
</script>

Do not forget to disable the HTML editor!

 

If the solution is not helpful for you, try to check this article below. It contains the solution for custom Prev-Next buttons.