Top-left and -right corner rounded in Javafx/CSS

css javafx rounded-corners
user2361460 picture user2361460 · May 15, 2013 · Viewed 35.8k times · Source

I would like to create a Pane with 2 rounded corners top-left and top-right, how can i do this in javafx? I know that u can use "border-top-left-radius" in normal css but it wont work under javafx. Until now I tried:

.calendar {
    -fx-border-top-left-radius: 10px; 
    -fx-border-top-right-radius: 10px; 
}

Thanks in advance,

Zombie

Answer

tonimaroni picture tonimaroni · May 15, 2013 
.calendar{

  -fx-border-radius: 10 10 0 0;
  -fx-background-radius: 10 10 0 0;

  /* top-left, top-right, bottom-right, and bottom-left corners, in that order. */
}

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