### Extra CSS

The extra CSS option for Views, enables to style the view further.
Label with Red Background, White Text and Text Size 48px
-fx-background-color: red;
-fx-text-fill: white;
-fx-font-size: 48px;
Note
As from B4J v4.20 the CSSUtils Library is avaibale to set styles.
See B4J HowTo CSSUtils.
Extra CSS File
Example changing the Tooltip style via external CSS file stored in the dirassets (Files) folder.
Create in the Project Files Folder a CSS file (like Main.css) with content:
.tooltip {
-fx-background-radius: 2 2 2 2;
-fx-background-color: linear-gradient(#FFFFFF, #DEDEDE);
-fx-text-fill: black;
-fx-font-size: 20px;
}
In B4J code set the MainForm style - this style applies to all controls:
MainForm.Stylesheets.Add(File.GetUri(File.DirAssets, "Main.css"))
Reference
More styles can be found in for example Oracle JavaFX CSS Reference Guide:
http://docs.oracle.com/javase/8/javafx/api/javafx/scene/doc-files/cssref.html

Changed: , Category: Visual Designer, File: T6C276M2040.htm, ID: 2040