JavaFX 8 Number of pages of pages at the top of the page

Question

I am using the JavaFX 8 Pagination .
Page navigation appears at the bottom, but I would like it to appear at the top, above the actual data being displayed.

How do I show page navigation (a string of numbers and arrow buttons) at the top of a Pagination ?

Answer 1

I think the easiest solution is to use several revolutions.

These three CSS selectors do the trick:

 .pagination { -fx-rotate:180; } .pagination .pagination-control { -fx-rotate:180; } .pagination .page { -fx-rotate:180; } 

Explanation:

Checking the CSS Pagination link:

• The style class for the entire Pagination control.
• The substructure contains the displayed page with the page class style.
• And page navigation area with pagination-control class style

• Page - StackPane
• pagination-control - StackPane
  • leftArrowButton - button
  • ....

So what the CSS selector does is rotate the entire control and then rotate the parts.

Pagination example using these selectors: