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

MarkusR

Well-Known Member

Licensed User

Longtime User

• Mar 3, 2018

• #2

i guess "the" font is missing in system

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

 

Upvote 0

Mashiane

Expert

Licensed User

Longtime User

• Mar 3, 2018

• #3

MarkusR said:

i guess "the" font is missing in system

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

Click to expand...

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

B4X:

#AdditionalJar: FontAwesome
    #AdditionalJar: MaterialIcons

 

Upvote 0

Mashiane

Expert

Licensed User

Longtime User

• Mar 3, 2018

• #4

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

 

Upvote 0

Cableguy

Expert

Licensed User

Longtime User

• Mar 3, 2018

• #5

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.

 

Upvote 0

Erel

B4X founder

Staff member

Licensed User

Longtime User

• Mar 4, 2018

• #6

Mashiane said:

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

Click to expand...

The fonts should be added automatically.

Are you setting the buttons Style property in your code?

 

Upvote 0

Mashiane

Expert

Licensed User

Longtime User

• Mar 4, 2018

• #7

Erel said:

The fonts should be added automatically.

Are you setting the buttons Style property in your code?

Click to expand...

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

 

Upvote 0

MarkusR

Well-Known Member

Licensed User

Longtime User

• Mar 4, 2018

• #8

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

 

Upvote 0

Mashiane

Expert

Licensed User

Longtime User

• Mar 4, 2018

• #9

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.

 

Upvote 0

MarkusR

Well-Known Member

Licensed User

Longtime User

• Mar 4, 2018

• #10

Ok fine, maybe can Erel explain this behavior.

 

Upvote 0

Mashiane

Expert

Licensed User

Longtime User

• Mar 4, 2018

• #11

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.

 

Upvote 0

Erel

B4X founder

Staff member

Licensed User

Longtime User

• Mar 4, 2018

• #12

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

 

Upvote 0

Mashiane

Expert

Licensed User

Longtime User

• Mar 4, 2018

• #13

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)

 

Upvote 0