JavaFX switching between two panes in a UI

Question

I need to give the user of a UI the option to switch between two border panes on clicking a button (or toggle switch or whatever).

The panes have the same job, size and position - it's just a different configuration so I don't want both of them there at the same time. When designing the UI in SceneBuilder I cannot place them at them same spot and set one visible and one invisible - because SceneBuilder obviously doesn't know that I want to stack them on top of each other.

Is there a way I can include both of them in the UI but only show one at a time?

I'd appreciate any ideas :)!

Answer 1

What you are looking for is the CardLayout. See oracle's documentation on that: https://docs.oracle.com/javase/tutorial/uiswing/layout/card.html

Instead of adding your Components directly to the Component with the BorderLayout, instead add a JPanel which is using the CardLayout. Add the two Components to this JPanel.

Unfortunately I have no way to test this with the SceneBuilder right now, but you'll figgure out, how that works ;)