B4J Question Unicode Characters on Button

Erel

B4X founder

Staff member

Licensed User

Longtime User

• Aug 11, 2016

• #2

Yes but you will need to use a font that supports this character.

The code is:

B4X:

Button1.Text = Chr(2190)

The default font doesn't support it.

 

Upvote 0

A

atiaust

Active Member

Licensed User

Longtime User

• Aug 11, 2016

• #3

Thanks Erel,

I did try that and it didn't work so I wasn't sure if the default font was the problem.

Is it better to use an icon on the button to show arrows?

Thanks

 

Upvote 0

Erel

B4X founder

Staff member

Licensed User

Longtime User

• Aug 11, 2016

• #4

It is actually very simple to use FontAwesome and add nice icons:

1. Download FontAwesome: http://fontawesome.io/
2. Add FontAwesome.otf to the Files tab.
3. Load the font and set it to whichever controls you like:

B4X:

Sub Process_Globals
   Private fx As JFX
   Private MainForm As Form
   Private Button1 As Button
   Private awesome As Font
End Sub

Sub AppStart (Form1 As Form, Args() As String)
   MainForm = Form1
   MainForm.RootPane.LoadLayout("1") 'Load the layout file.
   MainForm.Show
   awesome = fx.LoadFont(File.DirAssets, "FontAwesome.otf", 20)
   Button1.Font = awesome
   Button1.Text = ""
End Sub

The nice thing is that you just need to copy the icon from this page: http://fontawesome.io/cheatsheet/ and use it like any other character. It will not appear properly in the IDE but it will work at runtime.

 

Upvote 0

A

atiaust

Active Member

Licensed User

Longtime User

• Aug 11, 2016

• #5

Thanks Erel,

This is pretty neat. Works well.

 

Upvote 0

rwblinn

Well-Known Member

Licensed User

Longtime User

• Aug 23, 2016

• #6

Just an addition in case the font awesome character is given as unicode.
This sub is used (thanks for that).

Example: Set button text to Battery Half = fa-battery-half []

B4X:

Button1.Text = UnescapeUnicode("\uf242")

 

Upvote 0

Erel

B4X founder

Staff member

Licensed User

Longtime User

• Aug 23, 2016

• #7

The code of UnescaleUnicode is available here: https://www.b4x.com/android/forum/t...results-i-cant-read-hebrew.27461/#post-159533

 

Upvote 0

woniol

Active Member

Licensed User

Longtime User

• Aug 26, 2016

• #8

Is it possible to add 'normal' text after the icon in the example from #4?
This doesn't work:

B4X:

Button1.Text = "" & "MyText"

 

Upvote 0

Erel

B4X founder

Staff member

Licensed User

Longtime User

• Aug 28, 2016

• #9

The problem is that FontAwesome doesn't include regular characters. You can use TextFlow to combine text with different fonts: https://www.b4x.com/android/forum/t...-similar-to-b4a-b4i-richstring.61237/#content

 

Upvote 0

woniol

Active Member

Licensed User

Longtime User

• Aug 29, 2016

• #10

Thanks,
I'll give it a try.

 

Upvote 0