title: Javafx TabPane with multiple rows of tabs
body: <p>I'd like to use a (JavaFX) TabPane to display the content of 20 different tabs. This works fine with the standard TabPane, however, when the pane hits a certain amount of tabs, a button / ComboBox can be clicked to click on one of the tabs not seen. </p>
  
  <p>I'm designing a feature that will be used on a touchscreen, so this is not ideal. I think it'd be more intuitive to have two separate rows of tabs. </p>
  
  <p>How can I add two rows of tabs to a TabPane, or, what can be done to achieve a similar effect? Thanks in advanced.</p>
  
  <p>Here's some sample code to reproduce what I mean:</p>
  
  <pre><code>public class TabTest extends Application {
  
  
  public static void main(String args[]) {
      Application.launch(args);
  }
  
  @Override
  public void start(Stage primaryStage) throws Exception {
      primaryStage.setTitle("Tabs Test");
      Group root = new Group();
      Scene scene = new Scene(root, 450, 250, Color.WHITE);
  
      TabPane tabPane = new TabPane();
      BorderPane borderPane = new BorderPane();
  
      for( int i = 0; i &lt; 20; i++)
      {
          Tab tab = new Tab();
          tab.setText("Tab " + i);
          HBox hbox = new HBox();
          hbox.getChildren().add(new Label("Tab " + i));
          tab.setContent(hbox);
          tabPane.getTabs().add(tab);
      }
  
      borderPane.prefHeightProperty().bind(scene.heightProperty());
      borderPane.prefWidthProperty().bind(scene.widthProperty());
  
      borderPane.setCenter(tabPane);
      root.getChildren().add(borderPane);
      primaryStage.setScene(scene);
      primaryStage.show();
  }
  </code></pre>
  
  <p><a href="http://i.stack.imgur.com/qbsqy.png" rel="nofollow">Link to tabbed view, since I can't post images yet</a></p>