B4J Question [SOLVED] B4XFloatTextField How to Set Custom Font

rwblinn

Well-Known Member
Licensed User
Longtime User
How to change the font of the B4XFloatText field to a custom font loaded from the dirassets folder and created using xui createfont?

Using the sample code below but no font change ... also not with a textfield as B4XView.
Also tried with CSSUtil -font-family = same result.
Note: Labels defined as B4XView are OK.

B4X: 
Private DigitalFont As B4XFont
Private DigitalFontTTF As String = "digi.ttf"
DigitalFont = xui.CreateFont(fx.LoadFont(File.DirAssets, DigitalFontTTF, 24), 24)
Label1.Font = DigitalFont
B4XFloatTextField1.TextField.Font = DigitalFont
B4XFloatTextField1.Update



Test project attached.
 

Attachments

  • Project.zip
    13.6 KB · Views: 142
Sort by date Sort by votes

Erel

B4X founder
Staff member
Licensed User
Longtime User


rwblinn said:
also not with a textfield as B4XView
Click to expand...
It doesn't matter whether a view is declared as B4XView or not. It doesn't affect the behavior.

The case here is a bit more complicated as TextField doesn't have a font property and it must be set with a CSS attribute. Apparently referencing external fonts must be done with a CSS file:
B4X: 
@font-face {
    src: url('digi.ttf');
}
.digital_font {
    -fx-font-family: 'Digital-7 Mono';
    -fx-text-fill: red;
    -fx-font-size: 25.00;
}

Code:
B4X: 
Private Sub B4XPage_Created (Root1 As B4XView)
    Root = Root1
    B4XPages.GetNativeParent(Me).Stylesheets.Add(File.GetUri(File.DirAssets, "style.css")) '<---
    Root.LoadLayout("MainPage")
    DigitalFont = xui.CreateFont(fx.LoadFont(File.DirAssets, DigitalFontTTF, 24), 24)
    Label1.Font = DigitalFont
    B4XFloatTextField1.TextField.As(Node).Style = ""
    B4XFloatTextField1.TextField.As(Node).StyleClasses.Add("digital_font")
    TextField1.As(Node).Style = ""
    TextField1.As(Node).StyleClasses.Add("digital_font")
    Button1_Click
End Sub
 
Upvote 0
You must log in or register to reply here.

Similar Threads

C
  • Question
B4J Question Neural network error
Replies
10
Views
729
Daestrum
  • Question
B4J Question B4J - General Question - Interrogating a Spot on the Screen
Replies
11
Views
1K
AlexOfOz
  • Question
B4J Question [BANano] [SOLVED] - How to build RAW Uncompiled HTML?
Replies
2
Views
751
Mashiane
  • Question
Android Question [SOLVED] [B4X] How to use the BorderColor property in IDE theme?
Replies
4
Views
3K
Sandman
K
  • Question
B4J Question outofmemoryerror java heap space, what to look for?
Replies
8
Views
2K
kostefar
K
Menu
Log in
Register
Cookies are required to use this site. You must accept them to continue using the site. Learn more…