If you can show some code, it will be easier to answer.

fold("Content") { isExpanded = true style { paddingLeft = 0 startMargin = 0.px } fitToParentSize() hbox { style { paddingLeft = 0 startMargin = 0.px } drawer { item("Project structure") { expanded = true treeview<ProjectDir> { ..... more stuff here ... } } this += find<FileViewer>() { fitToParentSize() } } }

If you use FXML -- you can set it in SceneBuilder, if you use TornadoFX features, you can set it inside

hbox {
  maxWidth = DOUBLE_MAX
  ...
}

I put in maxWidth = Double.MAX_VALUE - didnt help much though 😕

@iari Can you create a MCVE - https://stackoverflow.com/help/mcve ?

thx, I'll try to produce something, if I can't get further. but I would totally also welcome general advice - or any good article on how to create a good javafx layout - because i think I suck at it 😉

And I think I lack a basic understanding of ... how things work in terms of layout

because I cannot explain to myself how such a thing would happen - the growing of components far beyond the border of their container

BorderLayout

is the most useful

Place tabs in its

center

, make

menu

Keep it simple, so it can be intuitive for any user

@iari Check https://docs.oracle.com/javase/8/javafx/layout-tutorial/index.html

thnks 🙂

@ValV you're right - what i did there isn't going to be the end of it. but right now im still in the proces of learning, and experimenting

Perhaps, you want to place

fold

on the left or on the right, and put some simple controls inside, not the whole editor 🙂

There's a lot of JavaFX layout stuff here: https://fxdocs.github.io/docs/index.html#_layout

For the most part, you can make any UI with hbox, vbox, and a little nesting. If you're making a drawing app, then you'll need a Pane because of the z-order.

I sometimes use AnchorPane and TitledPane.

For JavaFX forms, there's GridPane. However, you'll want to use form/fieldset/field from TornadoFX for other non-layout reasons.

Oh, and I use StackPane a lot.

hm - i just really really like the ability to have collapsing parts within the ui

the jetbrains IDE's in whcih we all are working do this a lot, and I enjoy having the ability to just wacht some parts of my UI by the side of the main content, or colapse it when its not important, so its out of the way

so horizontally that works well with the drawers. vertically, the squeezebox - but they don't seem as easy to controll

check out the drawer navigation

yeah I like it - but there's no vertically aligned version of it, or am i missing that?

Oh there is!

nice

Hm .. It turns out, that using fitToParentSize() inside the codeEditor which sits in a vbox results in strange behaviour ...

@Shan The Gist looks good. I imagine the Styles and View subclasses are ok too. How are you running the application? If you're using IntelliJ, you'll need to use a Debug config rather than a Run config. Additionally, I use the Ctrl+Shift+F9 to recompile the .kt file rather than Ctrl+S. This should bring up a "Reload classes" dialog. Here's my sequence of steps

@Ruckus in the example above, do you think we can set a clipping rectangle to limit the transition? I think it's important from a UI perspective to keep the nav controls constant and unobscured to highlight that their driving the content pane.