B4J Question Changing color of textarea scrollbar?

[kostefar]

Dear All,

Is this possible? Here, the scroll-"button" has an almost identical color to the bar.
Also, my mousepointer disappears when in the textarea, which I´d like to know a solution for as well.




Thanks!

 

[Erel]

Customizing TextArea scrollbar:

Create a css file with:

.text-area .scroll-bar:vertical {
   -fx-background-color: transparent;
   -fx-border-color:derive(gray,80%);
   -fx-background-radius: 2em;
   -fx-border-radius:2em;
}
.text-area .scroll-bar:vertical .thumb {
    -fx-background-color:derive(black,90%);
   -fx-background-insets: 0, 0, 0;
   -fx-background-radius: 0em;
}

.text-area .increment-button ,.text-area .decrement-button {
    -fx-background-color:white;
   -fx-border-color:derive(black,80%);
}

Load it with:

    MainForm.Stylesheets.Add(File.GetUri(File.DirAssets, "style.css"))

Based on: https://blog.ngopal.com.np/2012/07/11/customize-scrollbar-via-css/

Start a new thread for the question about the mouse cursor.

 

[kostefar]

Customizing TextArea scrollbar:

Create a css file with:

.text-area .scroll-bar:vertical {
   -fx-background-color: transparent;
   -fx-border-color:derive(gray,80%);
   -fx-background-radius: 2em;
   -fx-border-radius:2em;
}
.text-area .scroll-bar:vertical .thumb {
    -fx-background-color:derive(black,90%);
   -fx-background-insets: 0, 0, 0;
   -fx-background-radius: 0em;
}

.text-area .increment-button ,.text-area .decrement-button {
    -fx-background-color:white;
   -fx-border-color:derive(black,80%);
}

Load it with:

    MainForm.Stylesheets.Add(File.GetUri(File.DirAssets, "style.css"))

Based on: https://blog.ngopal.com.np/2012/07/11/customize-scrollbar-via-css/

Start a new thread for the question about the mouse cursor.

Thanks, works great!