B4J Question [Almost SOLVED] How can I customize ControlsUtils notification text font

rwblinn said:

Look here which uses external CSS file.

Note: To change both title and label, keep the order in the external CSS file.
Tested with:

CSS:

.notification-bar > .pane {
    -fx-background-color: red !important;
    -fx-padding: 10 10 10 10 !important;
}

.notification-bar > .pane .label {
    -fx-font-size: 1.333em    !important;
    -fx-text-fill: blue    !important;
    -fx-alignment: top-left    !important;
    -fx-font-weight: 400    !important;
}

.notification-bar > .pane .title {
    -fx-font-size: 2.0em    !important;
    -fx-text-fill: white    !important;
    -fx-font-weight: bold    !important;
}

View attachment 132602

B4X:

Sub Process_Globals
    Private fx As JFX
    Private MainForm As Form
    Private xui As XUI
    Private Button1 As B4XView
    Private noty As ControlsUtils    'Lib jControlsFX
End Sub

Sub AppStart (Form1 As Form, Args() As String)
    MainForm = Form1
    MainForm.Stylesheets.Add(File.GetUri(File.DirAssets, "Styles.css"))
    MainForm.RootPane.LoadLayout("Layout1")
    MainForm.Show
    Button1_Click
End Sub

Private Sub Button1_Click
    noty.ShowNotification3("Title","Text",noty.ICON_INFORMATION,Null,"CENTER",2000)
End Sub

Click to expand...

rwblinn said:

OK - then just another idea to close off for me = adding and clearing external stylesheet(s) when calling shownotification.
In addition could use more external stylesheets = styles,css (as previous), styletitle.css, styletext,css

So something like:

B4X:

Private Sub Button1_Click
    MainForm.Stylesheets.Add(File.GetUri(File.DirAssets, "Styles.css"))
    noty.ShowNotification3("Title","Text",noty.ICON_INFORMATION,Null,"CENTER", 2000)
    MainForm.Stylesheets.Clear
End Sub

Private Sub Button2_Click
    'Default
    MainForm.Stylesheets.Clear
    noty.ShowNotification3("Title 2","Text 2",noty.ICON_INFORMATION,Null,"CENTER", 2000)
End Sub

Click to expand...