I added FXLauncher to the project and created a runnable jar: http://tornadofx.tornado.no/kitchensink/fxlauncher.jar

Will add native installers later as well 🙂

(Link in the README)

I haven't looked at fxlauncher yet...is there a code signing verification check like in javaws/jnlp?

@carlw Yes, via javapackager. What I put up now is just an unsigned jar though. Will add the native stubs later.

Try

wget <http://tornadofx.tornado.no/kitchensink/fxlauncher.jar> && java -jar fxlauncher.jar

The new CSS Grid Layout Module I mentioned yearlier is extremely powerful and will obsolete Flexbox. However, no browsers support it yet. I went through a tutorial tonight but had to download Chrome Canary to get the examples to work. If you page through this tutorial, you’ll get an idea of the concise syntax for very complicated layouts. https://webdesign.tutsplus.com/tutorials/css-grid-layout-quick-start-guide--cms-27238 Nesting, gutters, packing varying shapes together is all covered For TornadoFX, it might be worthwhile to borrow from this and skip over Flexbox.

Interesting @carlw. It would be a giant leap for TornadoFX to have a layout manager like this.

I just built the kitchensink native installer for Windows. Could someone on a Mac do

gradle generateNativeInstaller

and upload the dmg perhaps? 🙂

@edvin I can get to it later today if no one else can... My son already took his to school, but I could build it when he gets home....

@jchildress That would be great, thanks 🙂

I can build it for debian related installs

@ron Sweet, thank you!

If possible, use JRE 1.8.0 Update 111 (The newest stable right now).

do you want me to bring some of the examples of the tornadofx-sample project into the kitchen sink?

btw when I was looking at the code I saw it has a dependency on Jpro? is that meant to be there?

@ron Yeah at least for now. I might just build it for JPro in a separate project though. Didn't want to spend too much time on some elaborate mechanism now 🙂

ok did you ever look at teavm? it seems to be able to transpile javacode to javascript

Yeah, it's really interesting. If someone would create complete JavaFX support for it, it would be awesome, but probably too slow.

I think it would take some time to bootstrap such an application.

but apart from that I am wondering if one would want to be able to run javafx in the browser. Your fxlauncher mechanism is great and I personally dont think javafx was meant for the browser and will feel 'off'

I think you're right Ron.. Deployment isn't really that big of a problem anymore.

is the CSS grid layout so different from the javafx grid layout?

I just read some of the stuff on https://webdesign.tutsplus.com/tutorials/css-grid-layout-units-of-measurement-and-basic-keywords--cms-27259 and there you can see it is quite powerfull compared to grid layout

@edvin @jchildress i just built the mac .dmg. Where should I put it? It’s 70 Mb.

@mikehearn The CSS Grid is much more expressive than GridPane. For example, grid-template-columns: 300px 1fr 3fr 20%; defines a grid where the first column is fixed at 300px, the last column takes up 20% of the width, and the remaining space is divided between the middle 2 columns. The 3rd column gets 3x as much space as the second. grid-template-areas: "header header header" "main main sidebar" "footer footer footer"; Defines a typical header/footer/sidebar structure in a 3x3 grid automatically. You’ll use a grid-area definition to define “header” like this .item-1 { background: #b03532; grid-area: header; }

@mikehearn Also, CSS Grid includes the concept of gutters, so you don’t have to worry about padding a margin and the math that’s sometimes involved in the box model

right

@mikehearn and this is only coming up here because I think someone suggested flexbox. it might be better to look over the css grid layout model api and come up with something like (not valid Kotlin) with(root) { gridTemplateAreas = [[”header”,”header”,”header”],[”main”,”main”,”main”],[”footer”,”footer”,”footer”]] pane(label(”My header”)) { gridArea = “header” } pane(label(”footer”)) { gridArea = “footer” }

@User uploaded a file: