B4J Question PNG graphics in Buttons?

Just a wild guess, have you tried using CSS?

Roycefer,

Thanks for the suggestion but all I get is the whole button "White" no matter what image I use.

Perhaps I am using the wrong syntax. I have tried:
-fx-background-image:url("../files/imgbtn5.png");
-fx-background-image:url("DirAssets/imgbtn5.png");
-fx-background-image:url("DirApp/files/imgbtn5.png");
-fx-background-image: (File.DirAssets, "imgbtn5.png") ;
-fx-background-image: (File.DirApp/files, "imgbtn5.png") ;
No success anywhere.

Regards Roger

CSS doesn't know anything about the File.DirAssets constant or any of B4J's unique syntax. This works for me:
when the Robot Devil image is in the Files folder in the B4J project. You should also make sure the image is synced in the Files Tab in the IDE so that it is properly packaged into the jar file.

When I do this, it properly displays transparency in the Robot Devil png. That is, I can set the background color of the button using CSS and it will show through on the transparent parts of the png. The downside to this CSS approach, though, is that you have to manually size the png to your button.

Roycefer,

I'm doing something wrong. imgbtn5.png shows in "Files" for both the IDE and the VD. I add this line to AppStart:
BtnFiles.Style = BtnFiles.Style & "-fx-background-image:url('/Files/imgbtn5.png');"
and the transparent bits still show as white.

No reference to imgbtn5 in CSS, no image file selected for BitmapDrawable.


Regards Roger

Don't set the background image or a background color in the Visual Designer. Instead, add this to AppStart after you've done MainForm.Show:

I just did the equivalent with your file imgbtn5.png and it works.

Roycefer,

It Works perfectly, Erel should update your status to expert.

So many things in B4J the same as B4A, so many not the same.



Many Thanks Roger

Haha, I think the "Expert" label is automatically assigned once you've posted a certain number of times or gotten a certain number of likes.

Yes, JavaFX is a little different from Android UI development. But just think of this CSS stuff as good practice for web development.