javafx & fxml: how do I apply a border to a pane or label in my gui?

css javafx-2 javafx fxml
jononomo picture jononomo · Aug 15, 2013 · Viewed 19k times · Source

I'm just getting into using fxml and it seems like a really cool idea, except for the fact that I'm having a tough time getting it to work. Supposedly I'm able to lay out my GUI using a nice markup language, and I can style the elements via CSS. So I have a label on my GUI, and I would like there to be a solid black border around it, with width=1. Seems like this should be straightforward -- adapting examples I see here and there in tutorials, etc., I do the following:

<Label text="sample text" style="-fx-border-width: 1; -fx-border-style: solid;" />

But it doesn't work. No border appears. In the Scene Builder there is a text box labelled "Style" in the properties inspector, and I can see the style I have applied appear there, but I don't see a border.

What am I overlooking?

Answer

francisOpt picture francisOpt · Aug 15, 2013

You need to specify the Border Color as well. Add this to your Label tab

-fx-border-color:black;

In your case the sample code will be :

<Label text="sample text" style=" -fx-border-color:black; -fx-border-width: 1; -fx-border-style: solid;" />

Related questions

javafx change css at runtime

Is it possible to change css for a JavaFX application while it is running? The effect I am looking for is changing skins or themes at the click of a button. The UI is in an FXML file if that …

Read More
How to style menu button and menu items

I tried to change styles in menu button. I could change menu button style but not its menu item. No matter what i try menu item inside menu-button remains unchanged. .menu-button { -fx-background-color:black; } .menu-button .label { -fx-background-color:black; } Now how can …

Read More
Remove grid line in tableView

I am trying to remove the grid line inside table view of each cell using css. For example, between the Name and Description column, there is a line which I assumed that it is grid line. I have no idea …

Read More