### Change CSS Style

Various options to change the CSS style of the ColorPicker View.
Option CSSUtils Library
'Hide the Label Text of the ColorPicker ComboBox
CSSUtils.SetStyleProperty(colorpickerMain,"-fx-color-label-visible","False")
Other Style settings
'Set Background Color of the ComboBox
CSSUtils.SetStyleProperty(colorpickerMain,"-fx-background-color","blue")
'Font Size
CSSUtils.SetStyleProperty(colorpickerMain,"-fx-font-size","20")
'.color-picker-label .text {-fx-fill: #ccffcc;}
See also B4J HowTo > ColorPicker > Hide Label and other Style Settings
Option external CSS Stylesheet
1. Create the CSS Stylesheet "Main.css" in the Project DirAssets Folder "Files"
// Set background color to light cyan
.color-picker {
-fx-background-color: #669999;
-fx-background-radius: 0 15 15 0;
}
// Set the label text to teal
.color-picker .color-picker-label .text {
-fx-fill: #ccffcc;
}
2. In the B4J IDE add the CSS Stylesheet "Main.css"
Via the B4J IDE Files Manager, then add Project.css
3. In the B4J Code add the CSS Stylesheet "Main.css"
MainForm.Stylesheets.Add(File.GetUri(File.DirAssets, "Main.css"))
Change the style class
Example setting the appearance style to "button" or "split-button" or "arrow-button"
`Private Sub Class_Globals
Private colorpickerIndoorLight As ColorPicker
...
colorpickerIndoorLight.StyleClasses.Add("arrow-button") ' or "button", "split-button", "arrow-button"
`

Changed: , Category: ColorPicker, File: T6C173M1252.htm, ID: 1252