[Resolved] How do I format the output so that the pagination and controls stay visible

[Author]

Posts

[patrickM-3]

I've figured out the JavaScript stuff & now everything is functioning as I need.

My only remaining problem can be seen on this page: hidden link

I have the search filters on the left 2 columns of a bootstrap 4 grid, and the results in the right 10 columns. Pagination and some controls are at the top of the right, 10 columns, inside their own grid.

How do I format the output so that the pagination and controls stay visible at the top of the right-hand section, while the page contents update?

[Luo Yang]

Hello,

I have checked the URL you mentioned above:
hidden link
You are using AJAX search/pagination feature, Toolset Views needs to update pagination controls after user click each pagination item, it is expected result: after user click the pagination item, Views update the results + pagination controls, so you can not keep it visible always.

You might consider to disable AJAX search/pagination feature.

[patrickM-3]

Thank you, Luo for separating this topic. Is there a way to separate the top row so that the update to the pagination controls doesn't use the vertical animation? I like how the results scroll up into the content area, but would like to keep the top row, with the buttons & page controls separate, so those don't animate. I think it would improve the perception of that page.

[Luo Yang]

As I mentioned above, since you are using AJAX pagination, it is required to update pagination controls after user click each pagination, so the pagination(top row) will animate always.

You might consider to disable AJAX search/pagination feature.