How to refer to an anchor pane in css?

css javafx pane
user3435407 picture user3435407 · Feb 26, 2015 · Viewed 8.3k times · Source

is there a possibility to refer to an anchor pane in css?

If the anchor pane happens to be the root, than it's ok:

.root{
-fx-background-image: url("xxx.yy");
}

It works. But if not, then how to do this? I tried .anchor-pane{}, it didn't work. Then I read, that anchor pane has everything that Pane has. So I tried .pane{} too... It didn't work.

How can I set the background to a none root anchor pane? Thank you!

Answer

ItachiUchiha picture ItachiUchiha · Feb 26, 2015

You can always assign a css class and add it to the AnchorPane explicitly

anchorPane.getStyleClass().add("pane");

In your css :

.pane{
    -fx-background-image: url("xxx.yy");
}

You can perform the same by adding a css id

anchorPane.setId("pane");

In you css :

#pane{
    -fx-background-image: url("xxx.yy");
}

Related questions

JavaFX TableView text alignment

As you can see on the picture the text alignment for each colum is set to left alignment. Is there any way to change this? So far I've tried within my CSS file: #Cols{ text-align: right; } I have also tried: #…

Read More
adding css file to stylesheets in javafx

Language: JavaFX IDE: Netbeans Problem: I'm trying to add a css file to the stylesheet, but the first line of the following code always generates a NullPointerException: String css = this.getClass().getResource("double_slider.css").toExternalForm(); scene.getStylesheets().add(css); …

Read More
Styling a TableView in CSS (JavaFX)

How can I style the "THIS" point in my TableView? My CSS Code looks as follows: */* * Empty Stylesheet file. */ .root{ -fx-background-color: #262626; } .table-view{ -fx-background-color: transparent; } .table-view:focused{ -fx-background-color: transparent; } /* Spaltenköpfe Struktur column-header-background -> column-header */ .table-view .column-header-background{ -fx-background-color: linear-gradient(#131313 0%, #424141 100%); } .table-view .…

Read More