B4J Question [SOLVED] Icons in Buttons not displaying when running??

[Mashiane]

Hi

I have an issue and I dont know what's the cause anyway. In my ide designer, the icons in the buttons show however when my app is running, they show as blocks. Any ideas?? See 4 buttons on the right of the screen

Running...

IDE Designer

Can someone advise please...

 

[MarkusR]

i guess "the" font is missing in system

https://www.b4x.com/android/forum/threads/b4x-fontawesome-material-icons-fonts.72908/

 

[Mashiane]

i guess "the" font is missing in system

https://www.b4x.com/android/forum/threads/b4x-fontawesome-material-icons-fonts.72908/

Thanks, added code below to my B4J, strange because I thought those were internal libraries.

#AdditionalJar: FontAwesome
    #AdditionalJar: MaterialIcons

 

[Mashiane]

Thought that would solve it, subsequent calls to load the same layout, yields the same results. I dunno now.

 

[Cableguy]

Set the padding to 0 using CSS.
the cause maybe that you are setting other properties of the button using CSS that alter the available font space.

 

[Erel]

Thanks, added code below to my B4J, strange because I thought those were internal libraries.

The fonts should be added automatically.

Are you setting the buttons Style property in your code?

 

[Mashiane]

The fonts should be added automatically.

Are you setting the buttons Style property in your code?

I set the font via the IDE designer nothing in code.

 

[MarkusR]

can you compare the button object properties at runtime (one with and one without the font), breakpoint at click, sender object.

 

[Mashiane]

Thanks @MarkusR for the hint, I relooked the property bag and my "text" property of the button was blank as I had removed its contents earlier on. I had thought that the text would display in the button. I have written text on that property now and now working properly even though the contents of the "text" property are not showing. I guess it expects something to be there irrespective of whether you are chosen FontAwesome or Material to use.

 

[MarkusR]

Ok fine, maybe can Erel explain this behavior.

 

[Mashiane]

Frustrating, just noted that whilst it displays properly throughout, as soon as I click any of the buttons it reverts back to the blocks. Perhaps there is an interference with the custom control on the same page. I have css on the page but it affects the tableview and the listview only. So its one of those things for now.

 

[Erel]

Check this discussion: https://www.b4x.com/android/forum/t...s-in-an-anchorpane-or-pane.90133/#post-570218

 

[Mashiane]

Thanks @Erel , I'm using font awesome, i managed to find this post, https://www.b4x.com/android/forum/threads/fontawesome-at-runtime.85628/#post-543069

Which is exactly the issue, and someone mentioned "-fx-font-family: FontAwesome;" in other css (Extra CSS) property, so I have pasted -fx-font-family: FontAwesome; in Extra CSS and its behaving (for now)