7

How to create a UI like below using JavaFX (fxml + css)? I am more interested about the sidebar menu component. An extensive Google search does not yield any resources on how to achieve it.

enter image description here

JavaFx control libraries like ControlFX or JFoenix do not provides anything like this sidebar menu.

halfer
  • 19,824
  • 17
  • 99
  • 186
Anindya Chatterjee
  • 5,824
  • 13
  • 58
  • 82
  • see [create a vertical menu ribbon](http://stackoverflow.com/questions/28717343/javafx-create-a-vertical-menu-ribbon) – rvit34 Feb 10 '17 at 10:53
  • 1
    @rvit34 its not quite the same I was looking for. Vertical menu ribbon is just some styled border less buttons in a stack pane. What I am really looking for is a menu structure with sub menus (something like a treeview). Similar looking control would be Android's navigation drawer. – Anindya Chatterjee Feb 10 '17 at 11:14
  • 1
    Use a `BorderPane` as a root node, set `VBox` (VerticalBox) on the left side of the root node, then add buttons to the vbox. – Shekhar Rai Feb 10 '17 at 11:27
  • @AnindyaChatterjee use [TreeView](https://docs.oracle.com/javase/8/javafx/api/javafx/scene/control/TreeView.html) then with some CSS customizations – rvit34 Feb 10 '17 at 11:37
  • I have used [this example](http://stackoverflow.com/questions/31601900/javafx-how-to-create-slide-in-animation-effect-for-a-pane-inside-a-transparent) with great success. – RonSiven Feb 10 '17 at 22:36

0 Answers0