tornadofx-guide

6. Type Safe CSS
You can apply styles directly to a control by calling its addClass() function. Provide the
MyStyle.tackyButton style to two buttons (Figure 6.2).
class MyView: View() {
override val root = vbox {
button("Press Me") {
addClass(MyStyle.tackyButton)
}
button("Press Me Too") {
addClass(MyStyle.tackyButton)
}
}
}
Figure 6.2
Intellij IDEA can perform a quickfix to import member variables, allowing
addClass(MyStyle.tackyButton) to be shortened to addClass(tackyButton) if you prefer.
You can use removeClass() to remove the specified style as well.
Targeting Styles to a Type
One of the benefits of using pure Kotlin is you can tightly manipulate UI control behavior and
conditions using Kotlin code. For example, you can apply the style to any Button by
iterating through a control's children , filtering for only children that are Buttons, and
applying the addClass() to them.
class MyView: View() {
override val root = vbox {
button("Press Me")
button("Press Me Too")
}
}
children.asSequence()
.filter { it is Button }
.forEach { it.addClass(MyStyle.tackyButton) }
75